/* Box sizing rules */ *, *::before, *::after { box-sizing: border-box; } /* Prevent font size inflation */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; scroll-behavior: smooth; } * { margin: 0; outline: none; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ ul[role='list'], ol[role='list'] { list-style: none; } /* Set core body defaults */ body { min-height: 100vh; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; font-optical-sizing: auto; } /* Set shorter line heights on headings and interactive elements */ h1, h2, h3, h4, button, input, label { line-height: 1.1; } /* Balance text wrapping on headings */ h1, h2, h3, h4 { text-wrap: balance; } /* A elements that don't have a class get default styles */ a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; color: currentColor; } /* Make images easier to work with */ img, picture, video, canvas, svg { max-width: 100%; display: block; } /* Inherit fonts for inputs and buttons */ input, button, textarea, select { font: inherit; } /* Make sure textareas without a rows attribute are not tiny */ textarea:not([rows]) { min-height: 10em; } /* Anything that has been anchored to should have extra scroll margin */ :target { scroll-margin-block: 5ex; } /* Avoid text overflows */ p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } html { scroll-behavior: smooth; } img, svg, iframe, embed { vertical-align: bottom; } address { font-style: normal; } a { color: inherit; text-underline-offset: 2px; } a:has(> i), span:has(> i) { display: flex; align-items: center; gap: 1rem; } .site-wrapper { overflow-x: hidden; } .flickity-viewport { overflow: visible; } .logo img { width: 100%; height: auto; } :root { --brand--heading-font: "Outfit", sans-serif; --brand--body-font: "Outfit", sans-serif; --brand--primary-color: #114D88; --brand--secondary-color: #9A55BC; --brand--alice-blue: #F3F9FF; --brand--ceramic: #FBFFF2; } :root { --brand--light-grey-cyan: #758885; --brand--blue: #004b88; --brand--orange: #FCBB69; --brand--light-blue: #D4EEFF; --brand--green: #30C541; --brand--teal: #006278; --brand--peach: #FCCEBA; --brand--primary-color: #092D45; --brand--secondary-color: #E9FD66; --brand--tertiary-color: #006278; --brand--body-bg-color: #092D45; --brand--body-bg-color: #ffffff; --brand--body-text-color: #ffffff; --brand--body-text-color: var(--brand--primary-color); --brand--heading-font: "Outfit", sans-serif; --brand--body-font: "Outfit", sans-serif; --brand--body-line-height: 1.7; --brand--secondary-font: "Quarto A", "Quarto B", serif; } /* Fonts */ .bw { top: auto !important; bottom: 1rem; color: white; } /* breakpoints */ /* breakpoints */ body { background-color: var(--brand--body-bg-color); line-height: var(--brand--body-line-height); color: var(--brand--body-text-color); } /* breakpoints */ .btn { height: 55px; border-color: black; border: none; background-color: black; color: white; display: inline-flex; align-items: center; padding-left: 0.9rem; padding-right: 0.9rem; text-decoration: none; } @media (min-width: 576px) { .btn { padding-left: 1.2rem; padding-right: 1.2rem; } } .btn span, .btn i { z-index: 1; position: relative; } .btn .loading-dots { visibility: hidden; } .btn .loading-dots i { display: inline-block; content: ''; position: absolute; top: 50%; left: 50%; width: 15px; height: 15px; background-color: var(--brand--primary-color); border-radius: 50%; transform: translate(-50%, -50%); animation: loadingDots 1.2s ease-in; animation-iteration-count: 999; animation-direction: normal; animation-fill-mode: forwards; transform: translate(-50%, -50%) scale(0.5); opacity: 0.4; } .btn .loading-dots i:nth-child(1) { left: calc( 50% - 1.3em); } .btn .loading-dots i:nth-child(2) { animation-delay: 80ms; } .btn .loading-dots i:nth-child(3) { left: calc( 50% + 1.3em); animation-delay: 160ms; } .btn.loading { pointer-events: none; background-color: white; } .btn.loading:before { background-color: transparent; } .btn.loading span { visibility: hidden; } .btn.loading .loading-dots { visibility: visible; } @keyframes loadingDots { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.4; } 20% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; } 60% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.4; } 100% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.4; } } .entry-content a.btn, a.btn { text-decoration: none; } .entry-content a.btn:hover, a.btn:hover { opacity: 0.8; } .fade-carousel img { opacity: 0; transform: scale(1.1); transition: none; will-change: opacity, transform; z-index: 0; position: absolute; top: 0; left: 0; } .fade-carousel img.animate-in { z-index: 1; animation: animateIn 1250ms ease; animation-fill-mode: forwards; } .fade-carousel img.active { opacity: 1; animation: none; } .fade-carousel img.zoom { transform: scale(1); transition: transform 15s linear; } @keyframes animateIn { 0% { opacity: 0; } 100% { opacity: 1; } } .gform_wrapper form, .gform_body, .gform_fields { display: flex; flex-direction: column; gap: 1rem; } .gform_fields { flex-direction: row; } .gfield_label { font-weight: bold; display: block; margin-bottom: 1rem; } .gfield_validation_message { color: red; margin-top: 0.5rem; } .hidden_label .gfield_label, .hide_summary, .gform_hidden, .gfield--type-honeypot { display: none; } .gform_fileupload_rules { margin-top: 0.5rem; display: block; } .gfield_required_asterisk { color: red; margin-left: 0.5rem; } fieldset.gfield { margin: 0; padding: 0; border: none; } select, input[type=text], input[type=email], input[type=tel], textarea { height: 55px; background-color: #fff; border: 1px solid black; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 1rem; padding-right: 1rem; font-size: 1.1rem; font-weight: normal; font-family: var(--brand--body-font); width: 100%; } select::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, textarea::-moz-placeholder { font-weight: normal; color: black; opacity: 0.5; } select::placeholder, input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, textarea::placeholder { font-weight: normal; color: black; opacity: 0.5; } textarea { height: auto; width: 100%; padding-top: 1rem; padding-bottom: 1rem; } select, .select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M-2-1h26v16H-2z' data-name='Rectangle 51'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='Group 35' transform='translate(2 1)'%3E%3Cpath d='M11.2 14a1.4 1.4 0 0 1-1-.5L.2 2.3A1.4 1.4 0 0 1 2.5.5l8.7 10 8.7-10a1.4 1.4 0 1 1 2.2 1.8l-9.8 11.2a1.4 1.4 0 0 1-1.1.5Z' data-name='Path 136'/%3E%3C/g%3E%3C/svg%3E "); background-size: 26px 16px; background-position: right 0.8rem center; background-repeat: no-repeat; } .select { cursor: pointer; } .select:hover { opacity: 0.5; } button { cursor: pointer; } .gpfup__droparea > div { padding-top: 2rem; padding-bottom: 2rem; } .gpfup__droparea > div:before { content: ''; display: block; width: 73px; height: auto; aspect-ratio: 73 / 66; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73.67' height='66.34'%3E%3Cg fill='%239a55bc'%3E%3Cpath data-name='Path 317' d='M64.4 23.16v-.72A23.02 23.02 0 0 0 40.97 0 23.49 23.49 0 0 0 19.44 13.7 21.85 21.85 0 0 0 0 35.27a21.58 21.58 0 0 0 21.65 21.54h8.41v-4.48h-8.41a17.16 17.16 0 0 1-.56-34.24h1.5l.51-1.41A18.91 18.91 0 0 1 41.05 4.56 18.53 18.53 0 0 1 60.02 22.5a17.39 17.39 0 0 1 0 1.8l-.18 1.6 1.46.68a13.46 13.46 0 0 1-5.7 25.74H43.52v4.48H55.6a17.95 17.95 0 0 0 8.82-33.65Z'/%3E%3Cpath data-name='Path 318' d='M46.4 43.01a2.24 2.24 0 0 0 1.6-3.83L36.8 27.96 25.57 39.17a2.24 2.24 0 0 0 3.16 3.17l5.8-5.72V64.1a2.24 2.24 0 1 0 4.5 0V36.62l5.76 5.76a2.24 2.24 0 0 0 1.6.63Z'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-bottom: 1rem; } .gf-options-inline .gfield_radio { display: flex; gap: 1rem; } .hamburger { display: block; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; border: none; width: 36px; height: 24px; padding: 0; will-change: opacity; transition: opacity 250ms ease; } .hamburger:hover { cursor: pointer; } .hamburger i { position: absolute; top: 50%; left: 50%; width: 36px; height: 24px; transform: translate(-50%, -50%); } .hamburger i span { display: block; height: 2px; width: 100%; position: absolute; background-color: white; will-change: transform, opacity, background-color; border-radius: 3px; transition: all 250ms ease; transform-origin: 50%; } .hamburger.is-active i span:nth-child(1) { transform: rotate(-45deg) translate(-22.5%, 150%); } .hamburger.is-active i span:nth-child(2) { opacity: 0; } .hamburger.is-active i span:nth-child(3) { transform: rotate(45deg) translate(-22.5%, -150%); } .hamburger:hover i span { opacity: 0.8; } .wrapper { width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; position: relative; } .wrapper.wide { max-width: 1920px; } .wrapper.fluid { max-width: 1400px !important; } @media (min-width: 1056px) { .wrapper { max-width: 992px; } } @media (min-width: 1264px) { .wrapper { max-width: 1200px; } } @media (min-width: 1464px) { .wrapper { max-width: 1400px; } } .section { margin-top: 3rem; margin-bottom: 3rem; } @media (min-width: 992px) { .section { margin-top: 5rem; margin-bottom: 5rem; } } .section--inner { margin: 0; padding-top: 3rem; padding-bottom: 3rem; } @media (min-width: 992px) { .section--inner { padding-top: 5rem; padding-bottom: 5rem; } } .gutter { padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 768px) { .gutter { padding-left: 1.75rem; padding-right: 1.75rem; } } @media (min-width: 992px) { .gutter { padding-left: 2rem; padding-right: 2rem; } } /* ====== Zoom effect ====== */ .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* ====== Newspaper effect ====== */ .mfp-newspaper { /* start state */ /* animate in */ /* animate out */ } .mfp-newspaper .mfp-with-anim { opacity: 0; transition: all 0.5s; transform: scale(0) rotate(500deg); } .mfp-newspaper.mfp-bg { opacity: 0; transition: all 0.5s; } .mfp-newspaper.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1) rotate(0deg); } .mfp-newspaper.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-newspaper.mfp-removing .mfp-with-anim { transform: scale(0) rotate(500deg); opacity: 0; } .mfp-newspaper.mfp-removing.mfp-bg { opacity: 0; } /* ====== Move-horizontal effect ====== */ .mfp-move-horizontal { /* start state */ /* animate in */ /* animate out */ } .mfp-move-horizontal .mfp-with-anim { opacity: 0; transition: all 0.3s; transform: translateX(-50px); } .mfp-move-horizontal.mfp-bg { opacity: 0; transition: all 0.3s; } .mfp-move-horizontal.mfp-ready .mfp-with-anim { opacity: 1; transform: translateX(0); } .mfp-move-horizontal.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-move-horizontal.mfp-removing .mfp-with-anim { transform: translateX(50px); opacity: 0; } .mfp-move-horizontal.mfp-removing.mfp-bg { opacity: 0; } /* ====== Move-from-top effect ====== */ .mfp-move-from-top { /* start state */ /* animate in */ /* animate out */ } .mfp-move-from-top .mfp-content { vertical-align: top; } .mfp-move-from-top .mfp-with-anim { opacity: 0; transition: all 0.2s; transform: translateY(-100px); } .mfp-move-from-top.mfp-bg { opacity: 0; transition: all 0.2s; } .mfp-move-from-top.mfp-ready .mfp-with-anim { opacity: 1; transform: translateY(0); } .mfp-move-from-top.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-move-from-top.mfp-removing .mfp-with-anim { transform: translateY(-50px); opacity: 0; } .mfp-move-from-top.mfp-removing.mfp-bg { opacity: 0; } /* ====== 3d unfold ====== */ .mfp-3d-unfold { /* start state */ /* animate in */ /* animate out */ } .mfp-3d-unfold .mfp-content { perspective: 2000px; } .mfp-3d-unfold .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform-style: preserve-3d; transform: rotateY(-60deg); } .mfp-3d-unfold.mfp-bg { opacity: 0; transition: all 0.5s; } .mfp-3d-unfold.mfp-ready .mfp-with-anim { opacity: 1; transform: rotateY(0deg); } .mfp-3d-unfold.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-3d-unfold.mfp-removing .mfp-with-anim { transform: rotateY(60deg); opacity: 0; } .mfp-3d-unfold.mfp-removing.mfp-bg { opacity: 0; } /* ====== Zoom-out effect ====== */ .mfp-zoom-out { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-out .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); } .mfp-zoom-out.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; } .mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; } /* ====== "Hinge" close effect ====== */ @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { animation-duration: 1s; animation-name: hinge; } .mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg { opacity: 0; transition: opacity .5s ease-out; } .mfp-with-fade.mfp-ready .mfp-content { opacity: 1; } .mfp-with-fade.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-fade.mfp-removing.mfp-bg { opacity: 0; } .popup { max-width: 710px; margin-left: auto; margin-right: auto; background-color: white; } .mfp-bg, .mfp-wrap { z-index: 99999 !important; } /* ._mobile-navigation { background-color: white; a { color: var(--brand--primary-color); &:hover { color: var(--brand--secondary-color); } } // flex: 1; display: flex; flex-direction: column; justify-content: center; &__main { flex: 1; display: flex; flex-direction: column; justify-content: center; nav a { color: var(--brand--primary-color); } } .logo { flex: none; svg, img { max-width: 195px; } } &__header { height: 125px; } .hamburger { top: calc(125px/2); &.is-active i span, i span { background-color: var(--brand--primary-color); } } } .mobile-navigation__mega-menu__items { margin-top: 1rem; display: flex; flex-direction: column; gap: 1rem; } a.mobile-navigation__mega-menu__item { display: flex; gap: 1rem; align-items: center; } .mobile-navigation__mega-menu__item-image { width: 120px; height: auto; aspect-ratio: 5/3; } .mobile-navigation__mega-menu__item-text { font-size: 1.3rem; font-weight: normal; max-width: 160px; line-height: 1.1; } */ li._menu-item-has-children { position: relative; } li._menu-item-has-children > a:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.15' height='7.99'%3E%3Cg fill='%239a55bc'%3E%3Cpath d='M6.62 7.49A.86.86 0 0 1 6 7.23L.76 2a.76.76 0 0 1-.18-.27l-.02-.05-.01-.03v-.02l-.02-.05-.02-.05v-.11L.5 1.4v-.03c0-.23.09-.45.26-.61A.86.86 0 0 1 1.37.5c.24 0 .45.09.62.26l4.63 4.62L11.16.83a.86.86 0 0 1 .62-.25c.24 0 .45.09.62.25.17.17.25.38.25.62s-.08.45-.25.62L7.23 7.23a.86.86 0 0 1-.61.26Z'/%3E%3Cpath d='M1.37 1c-.1 0-.19.04-.26.11a.36.36 0 0 0-.11.26v.06l.02.06.02.05.03.06.04.05 5.24 5.23c.08.07.16.11.27.11.1 0 .19-.04.26-.11l5.16-5.16a.36.36 0 0 0 .11-.27.36.36 0 0 0-.37-.37c-.1 0-.2.03-.26.1l-4.9 4.9-4.98-4.97A.36.36 0 0 0 1.37 1m0-1c.37 0 .72.14.98.4l4.27 4.27L10.8.48a1.36 1.36 0 0 1 1.94 0 1.36 1.36 0 0 1 0 1.94L7.6 7.6a1.36 1.36 0 0 1-1.95 0L.4 2.36a1.26 1.26 0 0 1-.29-.45l-.03-.09-.06-.2-.02-.2v-.05A1.36 1.36 0 0 1 1.37 0Z'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-position: center; width: 13px; height: auto; aspect-ratio: 13 / 8; display: block; position: absolute; right: 0; transform: rotate(-90deg); transition: transform 250ms ease; display: none; } li._menu-item-has-children.is-active > a:after { transform: rotate(0); } li._menu-item-has-children > button { right: 0; position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; top: 0; transform: none; width: 3.5rem; height: 2.5rem; display: none; } li._menu-item-has-children > button:after { content: ''; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.15' height='7.99'%3E%3Cg fill='%239a55bc'%3E%3Cpath d='M6.62 7.49A.86.86 0 0 1 6 7.23L.76 2a.76.76 0 0 1-.18-.27l-.02-.05-.01-.03v-.02l-.02-.05-.02-.05v-.11L.5 1.4v-.03c0-.23.09-.45.26-.61A.86.86 0 0 1 1.37.5c.24 0 .45.09.62.26l4.63 4.62L11.16.83a.86.86 0 0 1 .62-.25c.24 0 .45.09.62.25.17.17.25.38.25.62s-.08.45-.25.62L7.23 7.23a.86.86 0 0 1-.61.26Z'/%3E%3Cpath d='M1.37 1c-.1 0-.19.04-.26.11a.36.36 0 0 0-.11.26v.06l.02.06.02.05.03.06.04.05 5.24 5.23c.08.07.16.11.27.11.1 0 .19-.04.26-.11l5.16-5.16a.36.36 0 0 0 .11-.27.36.36 0 0 0-.37-.37c-.1 0-.2.03-.26.1l-4.9 4.9-4.98-4.97A.36.36 0 0 0 1.37 1m0-1c.37 0 .72.14.98.4l4.27 4.27L10.8.48a1.36 1.36 0 0 1 1.94 0 1.36 1.36 0 0 1 0 1.94L7.6 7.6a1.36 1.36 0 0 1-1.95 0L.4 2.36a1.26 1.26 0 0 1-.29-.45l-.03-.09-.06-.2-.02-.2v-.05A1.36 1.36 0 0 1 1.37 0Z'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.15' height='7.99'%3E%3Cg fill='%239a55bc'%3E%3Cpath d='M6.62 7.49A.86.86 0 0 1 6 7.23L.76 2a.76.76 0 0 1-.18-.27l-.02-.05-.01-.03v-.02l-.02-.05-.02-.05v-.11L.5 1.4v-.03c0-.23.09-.45.26-.61A.86.86 0 0 1 1.37.5c.24 0 .45.09.62.26l4.63 4.62L11.16.83a.86.86 0 0 1 .62-.25c.24 0 .45.09.62.25.17.17.25.38.25.62s-.08.45-.25.62L7.23 7.23a.86.86 0 0 1-.61.26Z'/%3E%3Cpath d='M1.37 1c-.1 0-.19.04-.26.11a.36.36 0 0 0-.11.26v.06l.02.06.02.05.03.06.04.05 5.24 5.23c.08.07.16.11.27.11.1 0 .19-.04.26-.11l5.16-5.16a.36.36 0 0 0 .11-.27.36.36 0 0 0-.37-.37c-.1 0-.2.03-.26.1l-4.9 4.9-4.98-4.97A.36.36 0 0 0 1.37 1m0-1c.37 0 .72.14.98.4l4.27 4.27L10.8.48a1.36 1.36 0 0 1 1.94 0 1.36 1.36 0 0 1 0 1.94L7.6 7.6a1.36 1.36 0 0 1-1.95 0L.4 2.36a1.26 1.26 0 0 1-.29-.45l-.03-.09-.06-.2-.02-.2v-.05A1.36 1.36 0 0 1 1.37 0Z'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; background-color: var(--brand--primary-color); width: 1rem; height: auto; aspect-ratio: 13 / 8; display: block; position: absolute; top: 0.8rem; right: 0; transform: rotate(-90deg); transition: transform 250ms ease; display: none; } li._menu-item-has-children.is-active > button:after { transform: rotate(0); } /* Box sizing rules */ *, *::before, *::after { box-sizing: border-box; } /* Prevent font size inflation */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; scroll-behavior: smooth; } * { margin: 0; outline: none; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ ul[role='list'], ol[role='list'] { list-style: none; } /* Set core body defaults */ body { min-height: 100vh; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; font-optical-sizing: auto; } /* Set shorter line heights on headings and interactive elements */ h1, h2, h3, h4, button, input, label { line-height: 1.1; } /* Balance text wrapping on headings */ h1, h2, h3, h4 { text-wrap: balance; } /* A elements that don't have a class get default styles */ a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; color: currentColor; } /* Make images easier to work with */ img, picture, video, canvas, svg { max-width: 100%; display: block; } /* Inherit fonts for inputs and buttons */ input, button, textarea, select { font: inherit; } /* Make sure textareas without a rows attribute are not tiny */ textarea:not([rows]) { min-height: 10em; } /* Anything that has been anchored to should have extra scroll margin */ :target { scroll-margin-block: 5ex; } /* Avoid text overflows */ p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } html { scroll-behavior: smooth; } img, svg, iframe, embed { vertical-align: bottom; } address { font-style: normal; } a { color: inherit; text-underline-offset: 2px; } a:has(> i), span:has(> i) { display: flex; align-items: center; gap: 1rem; } .site-wrapper { overflow-x: hidden; } .flickity-viewport { overflow: visible; } .logo img { width: 100%; height: auto; } .stagger .stagger--in { opacity: 0; transition: opacity 0.75s ease; } .stagger .stagger--in.animate-in { opacity: 1; transition-delay: 125ms; } body { font-family: var(--brand--body-font); } a { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: 500; } h1, h2, h3, h4, h5, h6, [class*="__heading"], [class*="-heading"] { line-height: 1.3; } .entry-content { font-size: 1.3rem; font-weight: 200; line-height: 1.7; } .entry-content ol, .entry-content ul:not(.list--contact-links) { display: flex; gap: 0.5rem; flex-direction: column; list-style-type: decimal; padding-left: 1rem; margin-left: 1rem; } .entry-content ol ol { list-style-type: lower-alpha; } .entry-content ul:not(.list--contact-links) { list-style-type: disc; } .entry-content li::marker { font-weight: 400; } .entry-content > *:not(:last-child):not(blockquote), .entry-content > blockquote > *:not(:last-child) { margin-bottom: 1.2rem; } .entry-content strong { font-weight: bold; } .entry-content a { text-decoration: underline; } .entry-content a:hover { text-decoration: none; } .entry-content ul.list { list-style: none; padding: 0; margin: 0; } .nav-menu { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; } .d-flex { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .fd-c { flex-direction: column; align-items: flex-start; } .ai-fs { align-items: flex-start; } .ai-c { align-items: center; } .fg { position: relative; z-index: 9; } .hide, .d-none { display: none; } .zoom-hover { transition: transform 550ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 550ms cubic-bezier(0.215, 0.61, 0.355, 1); will-change: transform, opacity; } .zoom-hover [class*=-image] { overflow: hidden; } .zoom-hover [class*=-image] img { transition: transform 550ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 550ms cubic-bezier(0.215, 0.61, 0.355, 1); will-change: transform, opacity; } .zoom-hover:hover [class*=-image] img { transform: scale(1.1); } body.resizing .zoom-hover { transition: none; } .l-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .l-clamp--2 { -webkit-line-clamp: 2; } .l-clamp--3 { -webkit-line-clamp: 3; } .pos-a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .img--cover, .img-cover { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .text-center { text-align: center; } .list--contact-links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; } .list--contact-links li { margin: 0; padding: 0; } .list--contact-links li a { gap: 0.5rem; text-decoration: none; } .list--social-links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; gap: 0.5rem; } .list--social-links li { margin: 0; padding: 0; } .list--social-links li a { gap: 0.5rem; } .list--social-links li a[href=""] { display: none; } :root { --brand--heading-font: "Outfit", sans-serif; --brand--body-font: "Outfit", sans-serif; --brand--primary-color: #114D88; --brand--secondary-color: #9A55BC; --brand--alice-blue: #F3F9FF; --brand--ceramic: #FBFFF2; } .basic-text__heading { margin-bottom: 2rem; } .basic-text__heading, .basic-text__content { max-width: 1024px; } @media (min-width: 768px) { .basic-text--layout-centre .wrapper { max-width: 930px; } } .basic-text--layout-full-width .basic-text__heading, .basic-text--layout-full-width .basic-text__content { max-width: 100%; } .basic-text .image-banner { left: 50%; transform: translateX(-50%); width: 100vw; } /* breakpoints */ .btn { padding-left: 1.2rem; padding-right: 1.2rem; border-radius: 4px; } .btn--primary { background-color: var(--brand--primary-color); border-color: var(--brand--secondary-color); border-width: 1px; border-style: solid; } .btn--secondary { background-color: var(--brand--secondary-color); border-color: var(--brand--secondary-color); color: var(--brand--primary-color); } .btn--secondary i { background-color: var(--brand--primary-color); } .btn:hover i { transform: translateX(0.5rem); } a:has(.btn):hover .btn i { transform: translateX(0.5rem); } .link-arrow, .link--arrow { display: inline-flex; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem 0.3rem; transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1); } .link-arrow i, .link--arrow i { transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1); } .link-arrow:hover, .link--arrow:hover { color: var(--brand--secondary-color); } .link-arrow:hover i, .link--arrow:hover i { background-color: var(--brand--secondary-color); transform: translateX(0.5rem); } .link-arrow:after, .link--arrow:after { content: ''; border-bottom: 3px solid var(--brand--secondary-color); width: 100%; flex: none; } .link-arrow--back:hover i, .link--arrow--back:hover i { transform: translateX(-0.5rem); } .link-arrow--alt:after, .link--arrow--alt:after { border-bottom: 1px solid var(--brand--primary-color); } .link-arrow--alt i, .link--arrow--alt i { background-color: var(--brand--primary-color); } .contact { background-color: var(--brand--primary-color); margin-top: -90px; position: relative; overflow: hidden; width: 100%; padding-top: calc( 90px + 3rem); padding-bottom: 3rem; color: white; } .contact .wrapper { gap: 2rem; flex-direction: column; } @media (min-width: 992px) { .contact .wrapper { flex-direction: row; } } @media (min-width: 992px) { .contact__text { width: calc( 40% - 1rem); } } .contact__text a:hover { opacity: 0.7; } .contact__map { aspect-ratio: 1; align-self: stretch; } @media (min-width: 768px) { .contact__map { aspect-ratio: 760 / 555; } } @media (min-width: 992px) { .contact__map { width: calc( 60% - 1rem); } } .contact__map > * { width: 100%; height: 100%; } .contact__bg { background-image: url("../img/page-header--bg.png"); bottom: 0; background-position: bottom left; background-repeat: no-repeat; mix-blend-mode: hard-light; } .contact-form { background-color: #EEF2F5; } .contact-form .wrapper { gap: 2rem; flex-direction: column; } @media (min-width: 992px) { .contact-form .wrapper { flex-direction: row; } } @media (min-width: 992px) { .contact-form__text { width: calc( 40% - 1rem); } } .contact-form__form { align-self: stretch; } @media (min-width: 992px) { .contact-form__form { width: calc( 60% - 1rem); } } .contact-form .gform_fields { flex-wrap: wrap; } .contact-form .gfield--width-half { width: 100%; } @media (min-width: 768px) { .contact-form .gfield--width-half { width: calc( 50% - 1rem * 0.5); } } .contact-form .gfield--width-full { width: 100%; } .contact-form .gfield--type-consent .gfield_label { display: none; } .contact-form select, .contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=tel], .contact-form textarea { border-color: #B5C6D2; } .featured-projects__item, .featured-team-members__item, .services-grid__item, .team-grid__item { cursor: url("../img/cursor.svg") 10 10, auto !important; } .featured-projects { background-color: var(--brand--primary-color); color: white; position: relative; } .featured-projects__heading { max-width: 700px; margin-bottom: 2rem; color: var(--brand--secondary-color); } .featured-projects__heading a { color: white; margin-top: 2rem; } @media (min-width: 992px) { .featured-projects__heading a { position: absolute; right: 0; margin-top: -1.5rem; row-gap: 0.7rem; } } .featured-projects__heading a:after { border-bottom: 1px solid var(--brand--secondary-color); } .featured-projects__heading a i { background-color: white; } .featured-projects__heading a:hover { color: white; } .featured-projects__heading a:hover i { background-color: white; } .featured-projects__heading a:hover:after { border-bottom-color: white; } .featured-projects__items:not(.flickity-enabled) { gap: 1.5rem; display: flex; } @media (min-width: 992px) { .featured-projects__items:not(.flickity-enabled) { flex-wrap: wrap; } } .featured-projects__item { display: block; width: 310px; flex: none; margin-right: 1.5rem; } @media (min-width: 992px) { .featured-projects__item { position: relative; width: calc( 100% / 3 - 1.5rem * 2 / 3); flex: none; margin-right: 0; } } .featured-projects__item:hover { opacity: 0.8; } .featured-projects__item:hover i.icon--right-arrow { transform: translateX(0.5rem); } .featured-projects__item-heading { position: absolute; top: 0; left: 0; z-index: 1; padding: 1.5rem 1.5rem; } .featured-projects__item-image { aspect-ratio: 460 / 560; width: 100%; border-radius: 15px; overflow: hidden; } .featured-projects__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .featured-projects__item-text { margin-top: 1.5rem; margin-bottom: 1.5rem; min-height: 3rem; } .featured-projects__item-cta { border-top: 2px solid var(--brand--secondary-color); padding-top: 1rem; } .featured-projects .bg i:nth-child(1) { position: absolute; height: auto; pointer-events: none; aspect-ratio: 920 / 665; opacity: 0.8; width: 920px; bottom: -90px; left: auto; display: none; } @media (min-width: 992px) { .featured-projects .bg i:nth-child(1) { display: block; right: calc(1032px + ((100vw - 992px) / 2)); } } @media (min-width: 1200px) { .featured-projects .bg i:nth-child(1) { right: calc(1032px + ((100vw - 992px) / 2)); } } @media (min-width: 1264px) { .featured-projects .bg i:nth-child(1) { right: calc(1232px + ((100vw - 1200px) / 2)); } } @media (min-width: 1400px) { .featured-projects .bg i:nth-child(1) { right: calc(1232px + ((100vw - 1200px) / 2)); } } @media (min-width: 1464px) { .featured-projects .bg i:nth-child(1) { right: calc(1464px + ((100vw - 1400px) / 2)); } } @media (min-width: 1920px) { .featured-projects .bg i:nth-child(1) { left: -740px; right: auto; } } .featured-projects .bg i:nth-child(1) img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .featured-team-members { background-color: #EEF2F5; color: var(--brand--primary-color); position: relative; } .featured-team-members__header { margin-bottom: 2rem; gap: 2rem; flex-direction: column; } @media (min-width: 992px) { .featured-team-members__header { flex-direction: row; } } @media (min-width: 992px) { .featured-team-members__heading, .featured-team-members__content { width: calc( 50% - 2rem / 2); flex: none; } } .featured-team-members__items:not(.flickity-enabled) { gap: 1.5rem; display: flex; } @media (min-width: 992px) { .featured-team-members__items:not(.flickity-enabled) { flex-wrap: wrap; } } .featured-team-members__item { display: block; cursor: pointer; width: 310px; flex: none; margin-right: 1.5rem; pointer-events: none; } @media (min-width: 992px) { .featured-team-members__item { position: relative; width: calc( 100% / 4 - 1.5rem * 3 / 4); flex: none; margin-right: 0; } } .featured-team-members__item:hover { opacity: 0.8; } .featured-team-members__item:hover i.icon--right-arrow { transform: translateX(0.5rem); } .featured-team-members__item-heading { position: absolute; top: 0; left: 0; z-index: 1; padding: 1.5rem 1.5rem; } .featured-team-members__item-image { aspect-ratio: 345 / 415; width: 100%; border-radius: 15px; overflow: hidden; } .featured-team-members__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .featured-team-members__item-text { margin-top: 1.5rem; margin-bottom: 1.5rem; min-height: 3rem; } .featured-team-members__item-cta { border-top: 2px solid var(--brand--secondary-color); padding-top: 1rem; } .featured-team-members__item-name { font-weight: 600; font-size: 1.3rem; } .featured-team-members__item-role { font-family: var(--brand--secondary-font); font-size: 1.3rem; line-height: 1.2; font-weight: 300; } .featured-team-members__cta { margin-top: 3rem; } .featured-team-members ._flickity-prev-next-button.previous, .featured-team-members ._flickity-prev-next-button.next { border: 1px solid var(--brand--secondary-color); background-color: var(--brand--secondary-color); width: 2rem; height: 3rem; border-radius: 1px; box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.1); left: 0; } .featured-team-members ._flickity-prev-next-button.previous:disabled, .featured-team-members ._flickity-prev-next-button.next:disabled { opacity: 0; } .featured-team-members ._flickity-prev-next-button.previous:hover, .featured-team-members ._flickity-prev-next-button.next:hover { opacity: 0.8; } .featured-team-members ._flickity-prev-next-button.previous { left: 0; } .featured-team-members ._flickity-prev-next-button.next { left: auto; right: 0; } .featured-team-members .bg i:nth-child(1) { position: absolute; bottom: -1%; left: 50%; transform: translateX(-50%); width: 2560px; opacity: 0.6; pointer-events: none; } .featured-team-members > i { position: absolute; top: -50px; right: 0; width: 5px; height: 340px; background-color: var(--brand--primary-color); z-index: 1; } @media (min-width: 768px) { .featured-team-members > i { width: 10px; } } @media (min-width: 1200px) { .featured-team-members > i { width: 15px; } } .footer-cta { background-color: #EEF2F5; color: var(--brand--primary-color); } .footer-cta__content { font-size: 1.8rem; font-weight: 600; line-height: 1.4; } @media (min-width: 768px) { .footer-cta__content { font-size: 2.8rem; } } .footer-cta__content a { text-underline-offset: 1rem; text-decoration: underline; text-decoration-thickness: 2px; background-color: transparent; color: var(--brand--primary-color); padding: 0.35rem 0.3rem; /* Needs prefixing */ box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline-block; transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), text-decoration-color 150ms cubic-bezier(0.215, 0.61, 0.355, 1); } @media (min-width: 992px) { .footer-cta__content a { display: inline; } } .footer-cta__content a:hover { background-color: var(--brand--secondary-color); text-decoration-color: var(--brand--secondary-color); } .full-width-image { position: relative; z-index: 1; } .full-width-image__image { width: 100%; aspect-ratio: 5/4; height: auto; max-height: 875px; overflow: hidden; } @media (min-width: 768px) { .full-width-image__image { aspect-ratio: 16 / 9; } } @media (min-width: 992px) { .full-width-image__image { aspect-ratio: 1920 / 875; } } .full-width-image__inset-image { height: 60%; aspect-ratio: 740 / 520; width: auto; position: absolute; bottom: 0; right: 0; border-left: 1.65vw solid var(--brand--secondary-color); border-top: 1.65vw solid var(--brand--secondary-color); } @media (min-width: 1920px) { .full-width-image__inset-image { border-left: 2rem solid var(--brand--secondary-color); border-top: 2rem solid var(--brand--secondary-color); } } .full-width-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .full-width-image .bg i:nth-child(1) { position: absolute; bottom: -13%; right: -17vw; width: 85vw; height: auto; opacity: 0.8; pointer-events: none; aspect-ratio: 1250 / 287; } @media (min-width: 768px) { .full-width-image .bg i:nth-child(1) { bottom: -19%; right: -17vw; width: 70vw; } } @media (min-width: 992px) { .full-width-image .bg i:nth-child(1) { bottom: -16%; right: -17vw; width: 65vw; } } @media (min-width: 1920px) { .full-width-image .bg i:nth-child(1) { width: 1250px; } } .full-width-image .bg i:nth-child(1) img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .full-width-image .bg > i.lines { position: absolute; bottom: 0; right: 0; transform: translate(30%, 52%); z-index: 1; } @media (min-width: 992px) { .full-width-image .bg > i.lines { transform: translate(30%, 52%); } } body.single-project .full-width-image__image { aspect-ratio: 5/4; } @media (min-width: 992px) { body.single-project .full-width-image__image { aspect-ratio: 1920 / 990; max-height: 990px; } } .full-width-testimonial { background-color: white; color: var(--brand--primary-color); } .full-width-testimonial .wrapper { flex-wrap: wrap; flex-direction: column; gap: 2rem; padding-top: 5.5rem; } @media (min-width: 992px) { .full-width-testimonial .wrapper { flex-direction: row; } } @media (min-width: 992px) { .full-width-testimonial__feature { width: calc( 45% - 2rem * 1 / 2); flex: none; } } @media (min-width: 992px) { .full-width-testimonial__detail { width: calc( 55% - 2rem * 1 / 2); flex: none; } } .full-width-testimonial__source { margin-top: 3rem; font-size: 1.2rem; font-weight: 500; position: relative; } .full-width-testimonial__source:before { content: ''; display: block; width: 50vw; right: 100%; height: 1px; background-color: #092D45; position: absolute; margin-right: 2rem; top: 50%; transform: translateY(-50%); opacity: 0.3; } .full-width-testimonial i.icon--left-quote { position: absolute; top: 0; left: 0; } .full-width-testimonial i.icon--right-quote { position: absolute; bottom: 0; right: 0; } body.single-project .full-width-image + .full-width-testimonial .wrapper:before, .featured-projects + .full-width-testimonial .wrapper:before { content: ''; display: block; background-image: linear-gradient(to left, #092D45 0, #092D45 200px, #E9FD66 175px); height: 8px; position: absolute; top: -3rem; left: -1.25rem; width: 100vw; } @media (min-width: 768px) { body.single-project .full-width-image + .full-width-testimonial .wrapper:before, .featured-projects + .full-width-testimonial .wrapper:before { left: 0; width: 100%; } } @media (min-width: 992px) { body.single-project .full-width-image + .full-width-testimonial .wrapper:before, .featured-projects + .full-width-testimonial .wrapper:before { top: -5rem; } } .full-width-video { position: relative; z-index: 1; } .full-width-video__video { width: 100%; aspect-ratio: 16/9; height: auto; overflow: hidden; } .full-width-video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hamburger { display: block; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; border: none; width: 35px; height: 24px; padding: 0; will-change: opacity; transition: opacity 250ms ease; } .hamburger:hover { cursor: pointer; } .hamburger i { position: absolute; top: 50%; left: 50%; width: 35px; height: 24px; transform: translate(-50%, -50%); } .hamburger i span { display: block; height: 2px; width: 100%; position: absolute; background-color: white; will-change: transform, opacity, background-color; border-radius: 3px; transition: all 250ms ease; transform-origin: 50%; } .hamburger.is-active i span:nth-child(1) { transform: rotate(-45deg) translate(-22.5%, 150%); } .hamburger.is-active i span:nth-child(2) { opacity: 0; } .hamburger.is-active i span:nth-child(3) { transform: rotate(45deg) translate(-22.5%, -150%); } .hamburger:hover i span { opacity: 1; } .hamburger { display: block; height: auto; } @media (min-width: 992px) { .hamburger { display: none; } } .hamburger i { display: flex; flex-direction: column; gap: 6px; height: auto; } .hamburger i span { height: 3px; border-radius: 0; position: relative; transform: none; top: auto; left: auto; bottom: auto; } .hamburger.is-active i span:nth-child(1) { transform: translateX(0px) translateY(9px) rotate(45deg); } .hamburger.is-active i span:nth-child(3) { transform: translateX(0px) translateY(-9px) rotate(-45deg); } .heading-text .wrapper { gap: 3rem 2rem; flex-direction: column; flex-wrap: wrap; } @media (min-width: 992px) { .heading-text .wrapper { gap: 0 2rem; flex-direction: row; } } @media (min-width: 992px) { .heading-text__tag { width: 100%; } } @media (min-width: 992px) { .heading-text__heading, .heading-text__text { width: calc( 50% - 2rem / 2); } } .heading-text__heading .link-arrow--back { margin-top: 1rem; } @media (min-width: 992px) { .heading-text__heading .link-arrow--back { margin-top: 2rem; } } .heading-text__content { font-weight: 400; } .heading-text__cta { margin-top: 2rem; font-size: 0.9rem; } .heading-text--style-dark { background-color: var(--brand--primary-color); color: white; } .heading-text--style-dark .heading-text__heading h2 { color: var(--brand--secondary-color); } .home-hero { aspect-ratio: 390 / 580; width: 100%; height: auto; margin-top: -90px; position: relative; overflow: hidden; color: white; aspect-ratio: 1; } @media (min-width: 768px) { .home-hero { aspect-ratio: 1920 / 880; min-height: 455px; min-height: 560px; max-height: 875px; } } @media (min-width: 992px) { .home-hero { aspect-ratio: 1920 / 880; min-height: 455px; min-height: 560px; max-height: 875px; } } @media (min-width: 1200px) { .home-hero { aspect-ratio: 1920 / 880; min-height: 455px; min-height: 560px; max-height: 875px; } } @media (min-width: 1400px) { .home-hero { aspect-ratio: 1920 / 880; min-height: 455px; min-height: 560px; max-height: 875px; } } @media (min-width: 1600px) { .home-hero { aspect-ratio: 1920 / 880; min-height: 455px; min-height: 745px; max-height: 875px; } } .home-hero__text { position: relative; margin-top: 7.5rem; } @media (min-width: 768px) { .home-hero__text { margin-top: 9rem; } } @media (min-width: 1400px) { .home-hero__text { margin-top: 9rem; } } @media (min-width: 1600px) { .home-hero__text { margin-top: 9vw; } } @media (min-width: 1920px) { .home-hero__text { margin-top: 11rem; } } .home-hero__images:before, .home-hero__video:before { content: ''; display: block; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent 40%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 8; } .home-hero__video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; } .home-hero__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center bottom; object-position: center bottom; } .home-hero img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center bottom; object-position: center bottom; } .home-hero__subheading { margin-top: 0.7rem; } .home-hero .tagline span { display: block; } .home-hero .tagline span:nth-child(1) { font-size: 1.8rem; font-weight: 500; } .home-hero .tagline span:nth-child(2) { font-size: 1.8rem; font-weight: 100; line-height: 1.1; } .icon { display: block; } .icon--facebook { aspect-ratio: 1; width: 21px; height: auto; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.47' height='23.33'%3E%3Cpath d='M23.47 11.73A11.73 11.73 0 1 0 9.9 23.34v-8.2H6.92v-3.4H9.9V9.15c0-2.94 1.75-4.57 4.43-4.57a18.06 18.06 0 0 1 2.63.23V7.7h-1.48a1.7 1.7 0 0 0-1.91 1.83v2.2h3.25l-.52 3.4h-2.73v8.2a11.74 11.74 0 0 0 9.9-11.6Z' fill='%23fff'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.47' height='23.33'%3E%3Cpath d='M23.47 11.73A11.73 11.73 0 1 0 9.9 23.34v-8.2H6.92v-3.4H9.9V9.15c0-2.94 1.75-4.57 4.43-4.57a18.06 18.06 0 0 1 2.63.23V7.7h-1.48a1.7 1.7 0 0 0-1.91 1.83v2.2h3.25l-.52 3.4h-2.73v8.2a11.74 11.74 0 0 0 9.9-11.6Z' fill='%23fff'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; background-color: var(--brand--secondary-color); } .icon--linkedin { aspect-ratio: 1; width: 21px; height: auto; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.47' height='23.47'%3E%3Cpath d='M3.62 19.65h3.53V9.05H3.62ZM7.38 5.78a1.8 1.8 0 0 0-.55-1.32 1.95 1.95 0 0 0-1.42-.52 2.04 2.04 0 0 0-1.44.52 1.72 1.72 0 0 0-.56 1.32 1.75 1.75 0 0 0 .54 1.3 1.94 1.94 0 0 0 1.41.53h.02a2.01 2.01 0 0 0 1.45-.53 1.74 1.74 0 0 0 .55-1.3Zm8.94 13.87h3.53v-6.08A5.08 5.08 0 0 0 18.74 10a3.82 3.82 0 0 0-2.95-1.21 3.55 3.55 0 0 0-3.2 1.79h.03V9.05H9.1q.05 1 0 10.6h3.53v-5.93a2.53 2.53 0 0 1 .1-.85 2.37 2.37 0 0 1 .7-.91 1.72 1.72 0 0 1 1.13-.38q1.77 0 1.77 2.4v5.67ZM23.47 4.4v14.67a4.4 4.4 0 0 1-4.4 4.4H4.4a4.24 4.24 0 0 1-3.11-1.3A4.24 4.24 0 0 1 0 19.08V4.4a4.24 4.24 0 0 1 1.3-3.11A4.24 4.24 0 0 1 4.4 0h14.67a4.24 4.24 0 0 1 3.11 1.3 4.24 4.24 0 0 1 1.29 3.1Z' fill='%23fff'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.47' height='23.47'%3E%3Cpath d='M3.62 19.65h3.53V9.05H3.62ZM7.38 5.78a1.8 1.8 0 0 0-.55-1.32 1.95 1.95 0 0 0-1.42-.52 2.04 2.04 0 0 0-1.44.52 1.72 1.72 0 0 0-.56 1.32 1.75 1.75 0 0 0 .54 1.3 1.94 1.94 0 0 0 1.41.53h.02a2.01 2.01 0 0 0 1.45-.53 1.74 1.74 0 0 0 .55-1.3Zm8.94 13.87h3.53v-6.08A5.08 5.08 0 0 0 18.74 10a3.82 3.82 0 0 0-2.95-1.21 3.55 3.55 0 0 0-3.2 1.79h.03V9.05H9.1q.05 1 0 10.6h3.53v-5.93a2.53 2.53 0 0 1 .1-.85 2.37 2.37 0 0 1 .7-.91 1.72 1.72 0 0 1 1.13-.38q1.77 0 1.77 2.4v5.67ZM23.47 4.4v14.67a4.4 4.4 0 0 1-4.4 4.4H4.4a4.24 4.24 0 0 1-3.11-1.3A4.24 4.24 0 0 1 0 19.08V4.4a4.24 4.24 0 0 1 1.3-3.11A4.24 4.24 0 0 1 4.4 0h14.67a4.24 4.24 0 0 1 3.11 1.3 4.24 4.24 0 0 1 1.29 3.1Z' fill='%23fff'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; background-color: var(--brand--secondary-color); } .icon--instagram { aspect-ratio: 1; width: 21px; height: auto; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.47' height='23.47'%3E%3Cpath data-name='Path 146' d='M11.73 6.4a5.33 5.33 0 1 0 5.34 5.33 5.33 5.33 0 0 0-5.34-5.33Zm-3.2 5.33a3.2 3.2 0 1 0 3.2-3.2 3.2 3.2 0 0 0-3.2 3.2Z' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath data-name='Path 147' d='M18.14 4.27a1.07 1.07 0 1 0 1.06 1.06 1.07 1.07 0 0 0-1.06-1.06Z' fill='%23fff'/%3E%3Cpath data-name='Path 148' d='M4.27 0A4.27 4.27 0 0 0 0 4.27V19.2a4.27 4.27 0 0 0 4.27 4.27H19.2a4.27 4.27 0 0 0 4.27-4.27V4.27A4.27 4.27 0 0 0 19.2 0ZM19.2 2.13H4.27a2.13 2.13 0 0 0-2.14 2.14V19.2a2.13 2.13 0 0 0 2.14 2.13H19.2a2.13 2.13 0 0 0 2.14-2.13V4.27a2.13 2.13 0 0 0-2.14-2.14Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.47' height='23.47'%3E%3Cpath data-name='Path 146' d='M11.73 6.4a5.33 5.33 0 1 0 5.34 5.33 5.33 5.33 0 0 0-5.34-5.33Zm-3.2 5.33a3.2 3.2 0 1 0 3.2-3.2 3.2 3.2 0 0 0-3.2 3.2Z' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath data-name='Path 147' d='M18.14 4.27a1.07 1.07 0 1 0 1.06 1.06 1.07 1.07 0 0 0-1.06-1.06Z' fill='%23fff'/%3E%3Cpath data-name='Path 148' d='M4.27 0A4.27 4.27 0 0 0 0 4.27V19.2a4.27 4.27 0 0 0 4.27 4.27H19.2a4.27 4.27 0 0 0 4.27-4.27V4.27A4.27 4.27 0 0 0 19.2 0ZM19.2 2.13H4.27a2.13 2.13 0 0 0-2.14 2.14V19.2a2.13 2.13 0 0 0 2.14 2.13H19.2a2.13 2.13 0 0 0 2.14-2.13V4.27a2.13 2.13 0 0 0-2.14-2.14Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; background-color: var(--brand--secondary-color); } .icon--twitter { aspect-ratio: 1; width: 21px; height: auto; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M24 4.56c-.88.39-1.83.65-2.83.77a4.93 4.93 0 0 0 2.17-2.72c-.95.56-2 .97-3.13 1.2a4.92 4.92 0 0 0-8.4 4.48C7.74 8.1 4.1 6.13 1.68 3.15A4.93 4.93 0 0 0 3.2 9.72a4.9 4.9 0 0 1-2.23-.61A4.93 4.93 0 0 0 4.91 14c-.69.18-1.45.23-2.22.08a4.93 4.93 0 0 0 4.6 3.42A9.9 9.9 0 0 1 0 19.54a13.94 13.94 0 0 0 7.55 2.21c9.14 0 14.3-7.72 14-14.64.95-.7 1.79-1.57 2.45-2.55z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M24 4.56c-.88.39-1.83.65-2.83.77a4.93 4.93 0 0 0 2.17-2.72c-.95.56-2 .97-3.13 1.2a4.92 4.92 0 0 0-8.4 4.48C7.74 8.1 4.1 6.13 1.68 3.15A4.93 4.93 0 0 0 3.2 9.72a4.9 4.9 0 0 1-2.23-.61A4.93 4.93 0 0 0 4.91 14c-.69.18-1.45.23-2.22.08a4.93 4.93 0 0 0 4.6 3.42A9.9 9.9 0 0 1 0 19.54a13.94 13.94 0 0 0 7.55 2.21c9.14 0 14.3-7.72 14-14.64.95-.7 1.79-1.57 2.45-2.55z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; background-color: var(--brand--secondary-color); } .icon--email-alt { aspect-ratio: 1; width: 2rem; height: auto; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.52' height='23.52'%3E%3Cpath d='m23.36 22.72-8.04-8.02 8.04-8.02a1.47 1.47 0 0 1 .16.67v14.7a1.48 1.48 0 0 1-.16.67ZM1.45 5.88h3.1a7.26 7.26 0 0 1 2.55-4.2A7.09 7.09 0 0 1 11.76 0a7.1 7.1 0 0 1 4.67 1.68 7.25 7.25 0 0 1 2.55 4.2h3.1L11.76 16.2Zm11.37 5.7 3.35-4.23-3.35-4.25a.85.85 0 0 0-1.06 0v2.78H8.1a.74.74 0 0 0-.74.73v1.47a.74.74 0 0 0 .74.74h3.67v2.76a.85.85 0 0 0 1.06 0ZM.16 22.72a1.47 1.47 0 0 1-.16-.67V7.35a1.48 1.48 0 0 1 .16-.67L8.2 14.7Zm10.7-5.35a.86.86 0 0 0 .36.2 1.3 1.3 0 0 0 .38.07h.16a1.15 1.15 0 0 0 .9-.27l1.63-1.63 7.8 7.78H1.44l7.78-7.78Z' fill='%23fff'/%3E%3C/svg%3E"); } .icon--right-arrow { display: block; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.32' height='11.78'%3E%3Cg data-name='Group 5'%3E%3Cpath data-name='Path 3' d='M0 5.89a.65.65 0 0 1 .65-.65h15.43l-4.11-4.12a.66.66 0 0 1 .92-.93l5.24 5.24a.65.65 0 0 1 0 .92l-5.24 5.24a.66.66 0 1 1-.92-.93l4.11-4.11H.65A.65.65 0 0 1 0 5.89Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.32' height='11.78'%3E%3Cg data-name='Group 5'%3E%3Cpath data-name='Path 3' d='M0 5.89a.65.65 0 0 1 .65-.65h15.43l-4.11-4.12a.66.66 0 0 1 .92-.93l5.24 5.24a.65.65 0 0 1 0 .92l-5.24 5.24a.66.66 0 1 1-.92-.93l4.11-4.11H.65A.65.65 0 0 1 0 5.89Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E"); background-color: white; aspect-ratio: 18 / 11; width: 18px; height: auto; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon--left-arrow { display: block; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.13' height='11.89'%3E%3Cpath data-name='Path 50' d='M6.7.32a1.08 1.08 0 0 0-1.52 0L.32 5.18a1.08 1.08 0 0 0 0 1.53l4.86 4.86a1.08 1.08 0 1 0 1.53-1.53L3.78 7.02h10.27a1.08 1.08 0 1 0 0-2.16H3.78l2.93-3.02a1.08 1.08 0 0 0 0-1.52Z' fill='%23fff'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.13' height='11.89'%3E%3Cpath data-name='Path 50' d='M6.7.32a1.08 1.08 0 0 0-1.52 0L.32 5.18a1.08 1.08 0 0 0 0 1.53l4.86 4.86a1.08 1.08 0 1 0 1.53-1.53L3.78 7.02h10.27a1.08 1.08 0 1 0 0-2.16H3.78l2.93-3.02a1.08 1.08 0 0 0 0-1.52Z' fill='%23fff'/%3E%3C/svg%3E"); background-color: white; aspect-ratio: 18 / 11; width: 18px; height: auto; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon--left-quote { display: block; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='83.39' height='66.02'%3E%3Cpath data-name='Path 4' d='M27.8 34.75H7.33a31.27 31.27 0 0 0 13.52 21.33l6.22 4.17-3.83 5.77-6.21-4.17A38.22 38.22 0 0 1 0 30.05V6.96A6.95 6.95 0 0 1 6.95 0H27.8a6.95 6.95 0 0 1 6.95 6.95V27.8a6.95 6.95 0 0 1-6.95 6.95Z' fill='%23eef2f5'/%3E%3Cpath data-name='Path 5' d='M76.44 34.75H55.97A31.27 31.27 0 0 0 69.5 56.08l6.22 4.17-3.79 5.77-6.25-4.17a38.22 38.22 0 0 1-17.03-31.8V6.96A6.95 6.95 0 0 1 55.6 0h20.85a6.95 6.95 0 0 1 6.95 6.95V27.8a6.95 6.95 0 0 1-6.95 6.95Z' fill='%23eef2f5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='83.39' height='66.02'%3E%3Cpath data-name='Path 4' d='M27.8 34.75H7.33a31.27 31.27 0 0 0 13.52 21.33l6.22 4.17-3.83 5.77-6.21-4.17A38.22 38.22 0 0 1 0 30.05V6.96A6.95 6.95 0 0 1 6.95 0H27.8a6.95 6.95 0 0 1 6.95 6.95V27.8a6.95 6.95 0 0 1-6.95 6.95Z' fill='%23eef2f5'/%3E%3Cpath data-name='Path 5' d='M76.44 34.75H55.97A31.27 31.27 0 0 0 69.5 56.08l6.22 4.17-3.79 5.77-6.25-4.17a38.22 38.22 0 0 1-17.03-31.8V6.96A6.95 6.95 0 0 1 55.6 0h20.85a6.95 6.95 0 0 1 6.95 6.95V27.8a6.95 6.95 0 0 1-6.95 6.95Z' fill='%23eef2f5'/%3E%3C/svg%3E"); background-color: #EEF2F5; aspect-ratio: 83 / 66; width: 83px; height: auto; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon--right-quote { display: block; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50.55' height='40.02'%3E%3Cg fill='%23eef2f5'%3E%3Cpath data-name='Path 4' d='M33.7 21.06h12.4A18.96 18.96 0 0 1 37.91 34l-3.77 2.53 2.32 3.5 3.77-2.53a23.17 23.17 0 0 0 10.32-19.27v-14A4.21 4.21 0 0 0 46.33 0H33.7a4.21 4.21 0 0 0-4.21 4.21v12.64a4.21 4.21 0 0 0 4.2 4.21Z'/%3E%3Cpath data-name='Path 5' d='M4.21 21.06h12.4A18.96 18.96 0 0 1 8.43 34l-3.77 2.53 2.3 3.5 3.8-2.53a23.17 23.17 0 0 0 10.32-19.27v-14A4.21 4.21 0 0 0 16.84 0H4.2A4.21 4.21 0 0 0 0 4.21v12.64a4.21 4.21 0 0 0 4.21 4.21Z'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50.55' height='40.02'%3E%3Cg fill='%23eef2f5'%3E%3Cpath data-name='Path 4' d='M33.7 21.06h12.4A18.96 18.96 0 0 1 37.91 34l-3.77 2.53 2.32 3.5 3.77-2.53a23.17 23.17 0 0 0 10.32-19.27v-14A4.21 4.21 0 0 0 46.33 0H33.7a4.21 4.21 0 0 0-4.21 4.21v12.64a4.21 4.21 0 0 0 4.2 4.21Z'/%3E%3Cpath data-name='Path 5' d='M4.21 21.06h12.4A18.96 18.96 0 0 1 8.43 34l-3.77 2.53 2.3 3.5 3.8-2.53a23.17 23.17 0 0 0 10.32-19.27v-14A4.21 4.21 0 0 0 16.84 0H4.2A4.21 4.21 0 0 0 0 4.21v12.64a4.21 4.21 0 0 0 4.21 4.21Z'/%3E%3C/g%3E%3C/svg%3E"); background-color: #EEF2F5; aspect-ratio: 50 / 40; width: 50px; height: auto; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon--email { display: block; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.26' height='10.7'%3E%3Cg fill='%23e9fd66'%3E%3Cpath data-name='Path 46' d='M13.54 0a.9.9 0 0 0-.18 0H.89a.9.9 0 0 0-.24.04L7.1 6.45Z'/%3E%3Cpath data-name='Path 47' d='M14.2.62 7.72 7.08a.9.9 0 0 1-1.26 0L.03.68A.9.9 0 0 0 0 .9v8.9a.9.9 0 0 0 .9.9h12.46a.9.9 0 0 0 .9-.9V.9a.9.9 0 0 0-.06-.28ZM1.5 9.81H.9v-.64l3.23-3.21.63.62Zm11.86 0h-.63L9.5 6.57l.62-.62 3.24 3.2Z'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.26' height='10.7'%3E%3Cg fill='%23e9fd66'%3E%3Cpath data-name='Path 46' d='M13.54 0a.9.9 0 0 0-.18 0H.89a.9.9 0 0 0-.24.04L7.1 6.45Z'/%3E%3Cpath data-name='Path 47' d='M14.2.62 7.72 7.08a.9.9 0 0 1-1.26 0L.03.68A.9.9 0 0 0 0 .9v8.9a.9.9 0 0 0 .9.9h12.46a.9.9 0 0 0 .9-.9V.9a.9.9 0 0 0-.06-.28ZM1.5 9.81H.9v-.64l3.23-3.21.63.62Zm11.86 0h-.63L9.5 6.57l.62-.62 3.24 3.2Z'/%3E%3C/g%3E%3C/svg%3E"); background-color: var(--brand--secondary-color); aspect-ratio: 14 / 10; width: 15px; height: auto; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon--phone { display: block; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.46' height='12.46'%3E%3Cpath data-name='Path 48' d='M11.69 4.68a.79.79 0 0 1-.79-.78V2.63L8.3 5.25a.76.76 0 0 1-.55.22.71.71 0 0 1-.53-.23.74.74 0 0 1-.21-.53.72.72 0 0 1 .21-.53l2.63-2.62H8.56a.75.75 0 0 1-.54-.23.76.76 0 0 1-.24-.56.74.74 0 0 1 .24-.55.76.76 0 0 1 .54-.22h3.12a.75.75 0 0 1 .56.23.75.75 0 0 1 .22.55V3.9a.76.76 0 0 1-.22.55.74.74 0 0 1-.55.23Zm-3.8 5.11 1.05-1.06a.86.86 0 0 1 .64-.14 4.66 4.66 0 0 1 .93.14 4.33 4.33 0 0 1 .77.27 2.32 2.32 0 0 1 1 .8q.32.48.04.76l-1.3 1.3a2.18 2.18 0 0 1-1.42.6 5 5 0 0 1-1.94-.29 9.85 9.85 0 0 1-2.22-1.1A13.56 13.56 0 0 1 3.2 9.25a13.56 13.56 0 0 1-1.82-2.22A9.9 9.9 0 0 1 .3 4.82a4.96 4.96 0 0 1-.28-1.94 2.18 2.18 0 0 1 .6-1.43l1.3-1.3q.25-.25.67.06a4.13 4.13 0 0 1 .9.98 3.17 3.17 0 0 1 .35 1.18 1.65 1.65 0 0 1-.1 1.16L2.67 4.6a5.88 5.88 0 0 0 1.16 1.95 14.43 14.43 0 0 0 2.1 2.1 5.6 5.6 0 0 0 1.95 1.15Z' fill='%23e9fd66'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.46' height='12.46'%3E%3Cpath data-name='Path 48' d='M11.69 4.68a.79.79 0 0 1-.79-.78V2.63L8.3 5.25a.76.76 0 0 1-.55.22.71.71 0 0 1-.53-.23.74.74 0 0 1-.21-.53.72.72 0 0 1 .21-.53l2.63-2.62H8.56a.75.75 0 0 1-.54-.23.76.76 0 0 1-.24-.56.74.74 0 0 1 .24-.55.76.76 0 0 1 .54-.22h3.12a.75.75 0 0 1 .56.23.75.75 0 0 1 .22.55V3.9a.76.76 0 0 1-.22.55.74.74 0 0 1-.55.23Zm-3.8 5.11 1.05-1.06a.86.86 0 0 1 .64-.14 4.66 4.66 0 0 1 .93.14 4.33 4.33 0 0 1 .77.27 2.32 2.32 0 0 1 1 .8q.32.48.04.76l-1.3 1.3a2.18 2.18 0 0 1-1.42.6 5 5 0 0 1-1.94-.29 9.85 9.85 0 0 1-2.22-1.1A13.56 13.56 0 0 1 3.2 9.25a13.56 13.56 0 0 1-1.82-2.22A9.9 9.9 0 0 1 .3 4.82a4.96 4.96 0 0 1-.28-1.94 2.18 2.18 0 0 1 .6-1.43l1.3-1.3q.25-.25.67.06a4.13 4.13 0 0 1 .9.98 3.17 3.17 0 0 1 .35 1.18 1.65 1.65 0 0 1-.1 1.16L2.67 4.6a5.88 5.88 0 0 0 1.16 1.95 14.43 14.43 0 0 0 2.1 2.1 5.6 5.6 0 0 0 1.95 1.15Z' fill='%23e9fd66'/%3E%3C/svg%3E"); background-color: var(--brand--secondary-color); aspect-ratio: 12 / 12; width: 14px; height: auto; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } i[class^="icon"] { display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; flex: none; } .image-5050 .wrapper { max-width: 100%; } .image-5050__items { width: 100%; height: auto; aspect-ratio: 2; gap: 0; } @media (min-width: 768px) { .image-5050__items { aspect-ratio: 1920 / 775; } } .image-5050__items img { width: 50%; height: 100%; -o-object-fit: cover; object-fit: cover; } .image-banner { position: relative; z-index: 9; } .image-banner .wrapper { max-width: 1920px; position: relative; display: flex; aspect-ratio: 1930 / 725; width: 100%; height: auto; max-height: 725px; } .image-banner img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .image-banner--style-a { background-color: var(--brand--primary-color); margin-bottom: 13vw; } @media (min-width: 1920px) { .image-banner--style-a { margin-bottom: 15.5rem; } } .image-banner--style-a .wrapper { aspect-ratio: 1; } @media (min-width: 768px) { .image-banner--style-a .wrapper { aspect-ratio: 3 / 2; } } @media (min-width: 992px) { .image-banner--style-a .wrapper { aspect-ratio: 1930 / 725; } } .image-banner--style-a .image-banner__images .image-banner__image { position: absolute; } .image-banner--style-a .image-banner__images .image-banner__image:nth-of-type(1) { width: 55%; height: 75%; top: 11%; left: -12%; } @media (min-width: 768px) { .image-banner--style-a .image-banner__images .image-banner__image:nth-of-type(1) { width: 43%; height: 93%; top: 17%; left: 4%; } } @media (min-width: 992px) { .image-banner--style-a .image-banner__images .image-banner__image:nth-of-type(1) { width: 30%; height: 96%; top: 20%; left: 3%; } } @media (min-width: 1400px) { .image-banner--style-a .image-banner__images .image-banner__image:nth-of-type(1) { width: 30%; height: 93%; top: 23%; left: 7%; } } .image-banner--style-a .image-banner__images .image-banner__image:nth-of-type(1):before { content: ''; display: block; width: 115%; height: 100%; top: -9%; right: 14%; background-color: white; position: absolute; z-index: -1; border-radius: 15px; } @media (min-width: 1920px) { .image-banner--style-a .image-banner__images .image-banner__image:nth-of-type(1) { width: 571px; height: 665px; } } .image-banner--style-a .image-banner__images .image-banner__image:nth-of-type(1) img { border-radius: 15px; } .image-banner--style-a .image-banner__images .image-banner__image:nth-of-type(2) { right: 0; top: 11%; width: 48%; height: 98%; border: 17px solid var(--brand--secondary-color); border-right: none; } @media (min-width: 768px) { .image-banner--style-a .image-banner__images .image-banner__image:nth-of-type(2) { right: 0; top: 10%; width: 44%; height: 98%; border: 17px solid var(--brand--secondary-color); border-right: none; } } @media (min-width: 992px) { .image-banner--style-a .image-banner__images .image-banner__image:nth-of-type(2) { right: -25px; top: 22%; width: 47%; height: 98%; border: 25px solid var(--brand--secondary-color); } } @media (min-width: 1400px) { .image-banner--style-a .image-banner__images .image-banner__image:nth-of-type(2) { right: -29px; top: 22%; width: 44%; height: 98%; border: 29px solid var(--brand--secondary-color); } } @media (min-width: 1920px) { .image-banner--style-a .image-banner__images .image-banner__image:nth-of-type(2) { width: 838px; height: 701px; } } .image-banner--style-news { background-color: var(--brand--primary-color); margin-top: 5vw !important; margin-bottom: 13vw !important; } @media (min-width: 1920px) { .image-banner--style-news { margin-top: 6rem !important; margin-bottom: 15.5rem !important; } } .image-banner--style-news .image-banner__images .image-banner__image { position: absolute; } .image-banner--style-news .image-banner__images .image-banner__image:nth-of-type(1) { width: 30%; height: 93%; top: 23%; left: 7%; } .image-banner--style-news .image-banner__images .image-banner__image:nth-of-type(1):before { content: ''; display: block; width: 115%; height: 100%; top: -9%; right: 14%; background-color: white; position: absolute; z-index: -1; border-radius: 15px; } @media (min-width: 1920px) { .image-banner--style-news .image-banner__images .image-banner__image:nth-of-type(1) { width: 571px; height: 665px; } } .image-banner--style-news .image-banner__images .image-banner__image:nth-of-type(1) img { border-radius: 15px; } .image-banner--style-news .image-banner__images .image-banner__image:nth-of-type(2) { right: 0; top: 22%; width: 44%; height: 98%; border: 29px solid var(--brand--secondary-color); } @media (min-width: 1920px) { .image-banner--style-news .image-banner__images .image-banner__image:nth-of-type(2) { width: 838px; height: 701px; } } .inset-text-image-cta { background-color: #EEF2F5; } .inset-text-image-cta__image:before { content: ''; display: block; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (min-width: 768px) { .inset-text-image-cta__image:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent, rgba(0, 0, 0, 0.5)); } } .inset-text-image-cta__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .inset-text-image-cta .upper { position: relative; aspect-ratio: 1930/900; max-height: 900px; width: 100%; } @media (max-width: 767px) { .inset-text-image-cta .upper { padding: 2rem; } } @media (max-width: 767px) { .inset-text-image-cta .lower { padding: 0; } } @media (min-width: 768px) and (max-width: 992px) { .inset-text-image-cta .lower { padding-bottom: 1.75rem; } } @media (max-width: 767px) { .inset-text-image-cta__header { padding-top: 6rem; } } .inset-text-image-cta__tag.heading--tag { margin-bottom: 0.5rem; } .inset-text-image-cta__heading * { font-weight: 600; line-height: 1.1; } .inset-text-image-cta__text { max-width: 920px; margin-left: auto; padding: 2rem; position: relative; margin-top: 0rem; } @media (min-width: 768px) { .inset-text-image-cta__text { margin-top: -6rem; padding: 3rem; } } .inset-text-image-cta__text:before { content: ''; display: block; position: relative; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: white; } @media (min-width: 992px) { .inset-text-image-cta__text:before { width: calc( (100vw - 992px) / 2 + 920px); } } @media (min-width: 1264px) { .inset-text-image-cta__text:before { width: calc( (100vw - 1200px) / 2 + 920px); } } @media (min-width: 1464px) { .inset-text-image-cta__text:before { width: calc( (100vw - 1400px) / 2 + 920px); } } .inset-text-image-cta__content { font-size: 1.6rem; font-weight: 400; } .inset-text-image-cta__cta { margin-top: 2rem; } .inset-text-image-cta__cta a:hover { color: var(--brand--primary-color); } .inset-text-image-cta__cta a:hover i { background-color: var(--brand--primary-color); } .inset-text-image-cta .lower { position: relative; } .inset-text-image-cta .lower .bg img { position: absolute; bottom: -12vw; left: -17vw; width: 130%; max-width: 2200px; opacity: 0.8; } .key-points { position: relative; background-color: #EEF2F5; background-image: url("../img/poly-bg-b.jpg"); background-size: 2000px auto; background-position: bottom left; background-repeat: no-repeat; } .key-points .wrapper { flex-direction: column; } @media (min-width: 1264px) { .key-points .wrapper { flex-direction: row; } } .key-points__heading { margin-bottom: 1rem; } .key-points__items { max-width: 960px; gap: 3rem; } .key-points__item { gap: 1rem; gap: 1.5rem; flex-direction: column; } @media (min-width: 768px) { .key-points__item { flex-direction: row; } } @media (min-width: 1264px) { .key-points__item { gap: 3rem; } } .key-points__item-number i { font-size: 2.4rem; font-style: normal; font-weight: 600; aspect-ratio: 161 / 116; width: 100px; height: auto; display: inline-flex; align-items: center; justify-content: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='161.86' height='116.46'%3E%3Cpath data-name='Path 54' d='M0 67.14 94.52 0l67.34 48.59-94.72 67.87Z' fill='%23e9fd66'/%3E%3C/svg%3E"); background-size: contain; margin-top: -1rem; margin-left: -1rem; } @media (min-width: 768px) { .key-points__item-number i { font-size: 2.8rem; margin-top: -1rem; width: 125px; margin-left: 0; } } @media (min-width: 992px) { .key-points__item-number i { margin-top: -1.5rem; width: 161px; } } @media (min-width: 1264px) { .key-points__item-number i { margin-top: -1rem; } } .key-points__item-heading { margin-bottom: 1rem; font-weight: 600; max-width: 620px; } .key-points__item-heading .heading--key-points { font-size: 1.8rem; } @media (min-width: 768px) { .key-points__item-heading .heading--key-points { font-size: 2.4rem; } } .key-points__item-content { padding-bottom: 2rem; border-bottom: 1px solid #092D4522; } .key-points > i { position: absolute; top: -200px; left: 0; width: 5px; height: 550px; background-color: var(--brand--primary-color); z-index: 1; } @media (min-width: 768px) { .key-points > i { width: 10px; } } @media (min-width: 1200px) { .key-points > i { width: 15px; } } .key-points .heading--tag { font-size: 1.7rem; } .latest-news { background-color: white; color: var(--brand--primary-color); background-image: url("../img/poly-bg.jpg"); background-size: contain; background-position: top right; background-repeat: no-repeat; } .latest-news__heading { max-width: 700px; margin-bottom: 2rem; } .latest-news__items:not(.flickity-enabled) { gap: 2rem; display: flex; } @media (min-width: 992px) { .latest-news__items:not(.flickity-enabled) { flex-wrap: wrap; } } .latest-news__item { display: block; cursor: pointer; width: 310px; flex: none; margin-right: 2rem; } @media (min-width: 992px) { .latest-news__item { position: relative; width: calc( 100% / 4 - 2rem * 3 / 4); flex: none; margin-right: 0; } } .latest-news__item:hover { opacity: 0.8; } .latest-news__item:hover i.icon--right-arrow { transform: translateX(0.5rem); } .latest-news__item-image { aspect-ratio: 330 / 415; width: 100%; border-radius: 15px; overflow: hidden; margin-bottom: 2rem; } .latest-news__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .latest-news__item-heading { color: var(--brand--primary-color); min-height: 5.9rem; } @media (min-width: 992px) and (max-width: 1464px) { .latest-news__item-heading { min-height: 5.9rem; } } @media (min-width: 1464px) { .latest-news__item-heading { min-height: 6.6rem; } } .latest-news__item-text { margin-top: 1.5rem; margin-bottom: 1.5rem; min-height: 3rem; display: none; } .latest-news__item-cta { border-top: 2px solid var(--brand--primary-color); padding-top: 1rem; margin-top: 1rem; } .latest-news__item-cta i.icon--right-arrow { background-color: var(--brand--primary-color); } .latest-news__cta { margin-top: 3rem; } .latest-news ._flickity-prev-next-button.previous, .latest-news ._flickity-prev-next-button.next { border: 1px solid var(--brand--secondary-color); background-color: var(--brand--secondary-color); width: 2rem; height: 3rem; border-radius: 1px; box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.1); left: 0; } .latest-news ._flickity-prev-next-button.previous:disabled, .latest-news ._flickity-prev-next-button.next:disabled { opacity: 0; } .latest-news ._flickity-prev-next-button.previous:hover, .latest-news ._flickity-prev-next-button.next:hover { opacity: 0.8; } .latest-news ._flickity-prev-next-button.previous { left: 0; } .latest-news ._flickity-prev-next-button.next { left: auto; right: 0; } .wrapper { width: 100%; max-width: 100%; } @media (min-width: 1056px) { .wrapper { max-width: 992px; } } @media (min-width: 1264px) { .wrapper { max-width: 1200px; } } @media (min-width: 1464px) { .wrapper { max-width: 1400px; } } .mobile-navigation { background-color: white; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: flex; flex-direction: column; transform: translateX(100%); transition: transform 950ms cubic-bezier(0.165, 0.84, 0.44, 1); left: auto; right: 0; max-width: 480px; width: 100%; align-items: flex-start; } @media (min-width: 1200px) { .mobile-navigation { display: none; } } .mobile-navigation.is-visible { transform: translateX(0); } .mobile-navigation__header { height: 140px; display: flex; } .mobile-navigation__main ul { display: flex; flex-direction: column; gap: 0.9rem; } .mobile-navigation__main li { font-size: 2rem; font-weight: 600; line-height: 1.1; font-family: var(--brand--heading-font); } .mobile-navigation__main a { color: var(--brand--primary-color) !important; } .mobile-navigation__footer { padding-top: 2rem; padding-bottom: 2rem; margin-top: auto; font-weight: bold; } .mobile-navigation__footer a { color: var(--brand--primary-color); } .mobile-navigation__footer a:nth-child(n+2) { position: relative; } .mobile-navigation__footer a:nth-child(n+2):before { content: ''; display: block; width: 1px; background-color: var(--brand--primary-color); height: 1rem; position: absolute; top: 50%; left: -0.5rem; transform: translateY(-50%); } .mobile-navigation__main ul { align-items: flex-start; } .mobile-navigation .logo path { fill: var(--brand--primary-color); } .mobile-navigation .hamburger i span { background-color: var(--brand--primary-color); } .mobile-navigation__header { width: 100%; height: 90px; } .mobile-navigation__main { flex: 1; align-items: flex-start; width: 100%; } .mobile-navigation .sub-menu .sub-menu a { font-weight: normal; } .mobile-navigation .sub-menu { gap: 0.7rem; padding-top: 0.9rem; } .mobile-navigation .sub-menu { display: block; padding-left: 0; font-size: 2rem; list-style: none; } .mobile-navigation .sub-menu li { font-size: 1.4rem; font-weight: 500; font-family: var(--brand--body-font); } .mobile-navigation .sub-menu li a { display: flex; flex-direction: row; gap: 1rem; align-items: center; } .mobile-navigation .sub-menu li a img { aspect-ratio: 3/2; aspect-ratio: 4/3; height: auto; width: 125px; } .mobile-navigation .nav-menu { width: 100%; } .mobile-navigation .nav-menu > li { align-self: stretch; } .mobile-navigation li.menu-item-has-children { position: relative; } .mobile-navigation li.menu-item-has-children:before { content: ''; /* background-color: red; */ background-image: linear-gradient(to bottom, white 0, white 10px, var(--brand--primary-color) 10px, var(--brand--primary-color) 13px, white 13px, white); background-position: center; width: 0; display: inline-block; height: 22px; transition: all 250ms ease; will-change: width; } .mobile-navigation li.menu-item-has-children > button { right: 0; position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; top: 0; transform: none; width: 3.5rem; height: 2.5rem; } .mobile-navigation li.menu-item-has-children > button:after { content: ''; background-color: var(--brand--primary-color); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.15' height='7.99'%3E%3Cg fill='%239a55bc'%3E%3Cpath d='M6.62 7.49A.86.86 0 0 1 6 7.23L.76 2a.76.76 0 0 1-.18-.27l-.02-.05-.01-.03v-.02l-.02-.05-.02-.05v-.11L.5 1.4v-.03c0-.23.09-.45.26-.61A.86.86 0 0 1 1.37.5c.24 0 .45.09.62.26l4.63 4.62L11.16.83a.86.86 0 0 1 .62-.25c.24 0 .45.09.62.25.17.17.25.38.25.62s-.08.45-.25.62L7.23 7.23a.86.86 0 0 1-.61.26Z'/%3E%3Cpath d='M1.37 1c-.1 0-.19.04-.26.11a.36.36 0 0 0-.11.26v.06l.02.06.02.05.03.06.04.05 5.24 5.23c.08.07.16.11.27.11.1 0 .19-.04.26-.11l5.16-5.16a.36.36 0 0 0 .11-.27.36.36 0 0 0-.37-.37c-.1 0-.2.03-.26.1l-4.9 4.9-4.98-4.97A.36.36 0 0 0 1.37 1m0-1c.37 0 .72.14.98.4l4.27 4.27L10.8.48a1.36 1.36 0 0 1 1.94 0 1.36 1.36 0 0 1 0 1.94L7.6 7.6a1.36 1.36 0 0 1-1.95 0L.4 2.36a1.26 1.26 0 0 1-.29-.45l-.03-.09-.06-.2-.02-.2v-.05A1.36 1.36 0 0 1 1.37 0Z'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.15' height='7.99'%3E%3Cg fill='%239a55bc'%3E%3Cpath d='M6.62 7.49A.86.86 0 0 1 6 7.23L.76 2a.76.76 0 0 1-.18-.27l-.02-.05-.01-.03v-.02l-.02-.05-.02-.05v-.11L.5 1.4v-.03c0-.23.09-.45.26-.61A.86.86 0 0 1 1.37.5c.24 0 .45.09.62.26l4.63 4.62L11.16.83a.86.86 0 0 1 .62-.25c.24 0 .45.09.62.25.17.17.25.38.25.62s-.08.45-.25.62L7.23 7.23a.86.86 0 0 1-.61.26Z'/%3E%3Cpath d='M1.37 1c-.1 0-.19.04-.26.11a.36.36 0 0 0-.11.26v.06l.02.06.02.05.03.06.04.05 5.24 5.23c.08.07.16.11.27.11.1 0 .19-.04.26-.11l5.16-5.16a.36.36 0 0 0 .11-.27.36.36 0 0 0-.37-.37c-.1 0-.2.03-.26.1l-4.9 4.9-4.98-4.97A.36.36 0 0 0 1.37 1m0-1c.37 0 .72.14.98.4l4.27 4.27L10.8.48a1.36 1.36 0 0 1 1.94 0 1.36 1.36 0 0 1 0 1.94L7.6 7.6a1.36 1.36 0 0 1-1.95 0L.4 2.36a1.26 1.26 0 0 1-.29-.45l-.03-.09-.06-.2-.02-.2v-.05A1.36 1.36 0 0 1 1.37 0Z'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; width: 20px; height: auto; aspect-ratio: 13 / 8; display: block; position: absolute; top: 1rem; right: 0; transform: rotate(-90deg); transition: transform 250ms ease; } .mobile-navigation li.menu-item-has-children.is-active:before { content: ''; width: 50px; padding-right: 1rem; border-right: 5px solid white; height: 22px; } .mobile-navigation li.menu-item-has-children.is-active > button:after { transform: rotate(0); } .news-grid { background-color: white; color: var(--brand--primary-color); background-image: url("../img/poly-bg.jpg"); background-size: contain; background-position: top right; background-repeat: no-repeat; } .news-grid__heading { max-width: 700px; margin-bottom: 2rem; } .news-grid__items:not(.flickity-enabled) { gap: 2rem; display: flex; flex-wrap: wrap; } @media (min-width: 992px) { .news-grid__items:not(.flickity-enabled) { flex-wrap: wrap; } } .news-grid__items:not(.flickity-enabled) .news-grid__item { width: 100%; margin: 0; } @media (min-width: 768px) { .news-grid__items:not(.flickity-enabled) .news-grid__item { width: calc( 100% / 2 - 2rem * 1 / 2); } } .news-grid__item { display: block; cursor: pointer; width: 310px; flex: none; margin-right: 2rem; display: flex; flex-direction: column; } @media (min-width: 992px) { .news-grid__item { position: relative; width: calc( 100% / 2 - 2rem * 1 / 2); flex: none; margin-right: 0; } } .news-grid__item:hover { opacity: 0.8; } .news-grid__item:hover i.icon--right-arrow { transform: translateX(0.5rem); } .news-grid__item-image { aspect-ratio: 695 / 415; width: 100%; border-radius: 15px; overflow: hidden; margin-bottom: 2rem; } .news-grid__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .news-grid__item-heading { color: var(--brand--primary-color); margin-bottom: 1rem; } .news-grid__item-text { margin-top: 1.5rem; margin-bottom: 1.5rem; min-height: 3rem; display: none; } .news-grid__item-cta { border-top: 2px solid var(--brand--primary-color); padding-top: 1rem; margin-top: auto; } .news-grid__item-cta i.icon--right-arrow { background-color: var(--brand--primary-color); } .news-grid__cta { margin-top: 3rem; } .news-grid ._flickity-prev-next-button.previous, .news-grid ._flickity-prev-next-button.next { border: 1px solid var(--brand--secondary-color); background-color: var(--brand--secondary-color); width: 2rem; height: 3rem; border-radius: 1px; box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.1); left: 0; } .news-grid ._flickity-prev-next-button.previous:disabled, .news-grid ._flickity-prev-next-button.next:disabled { opacity: 0; } .news-grid ._flickity-prev-next-button.previous:hover, .news-grid ._flickity-prev-next-button.next:hover { opacity: 0.8; } .news-grid ._flickity-prev-next-button.previous { left: 0; } .news-grid ._flickity-prev-next-button.next { left: auto; right: 0; } .page-header { background-color: var(--brand--primary-color); margin-top: -90px; position: relative; overflow: hidden; width: 100%; height: 320px; } @media (min-width: 768px) { .page-header { height: 425px; } } .page-header__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; } .page-header__image:before { content: ''; display: block; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent, rgba(0, 0, 0, 0.2)); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page-header__text { display: flex; flex-direction: column; height: 100%; justify-content: flex-end; padding: 1rem 0; } @media (min-width: 768px) { .page-header__text { padding: 2.5rem 0; } } .page-header__text h1 a:hover { color: var(--brand--secondary-color); } .page-header img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; } .page-header__bg { background-image: url("../img/page-header--bg.png"); bottom: 0; background-position: bottom left; background-repeat: no-repeat; mix-blend-mode: hard-light; } .page-header--image { width: 100%; height: 480px; } @media (min-width: 768px) { .page-header--image { aspect-ratio: 390 / 580; width: 100%; height: auto; max-height: 665px; } } @media (min-width: 992px) { .page-header--image { aspect-ratio: 1920 / 665; min-height: 455px; max-height: 665px; } } .page-header--image .page-header__bg { display: none; } .page-header--image .page-header__text { padding: 1rem 0; } @media (min-width: 768px) { .page-header--image .page-header__text { padding: 4.5rem 0; } } .page-intro { background-color: var(--brand--primary-color); color: white; } .page-intro .wrapper { gap: 2rem; flex-direction: column; } @media (min-width: 992px) { .page-intro .wrapper { flex-direction: row; } } @media (min-width: 992px) { .page-intro__heading, .page-intro__text { width: calc( 50% - 2rem / 2); } } .page-intro__heading h2 > * { display: block; } .page-intro__heading h2 > *:nth-child(n+2) { color: var(--brand--secondary-color); } .page-intro__content { font-weight: 400; } .page-intro__cta { margin-top: 2rem; font-size: 0.9rem; } .popup--team-member { position: relative; background-color: #EEF2F5; padding: 2rem; width: 100%; max-width: 1200px; } @media (min-width: 768px) { .popup--team-member { width: 95%; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); border-radius: 10px; } } .popup--team-member__main { gap: 1rem; flex-direction: column; } @media (min-width: 768px) { .popup--team-member__main { gap: 2rem; flex-direction: row; align-items: flex-start; } } @media (min-width: 992px) { .popup--team-member__main { align-items: center; } } .popup--team-member__image { width: 30%; flex: none; width: 240px; border-radius: 15px; overflow: hidden; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .popup--team-member__image { width: 240px; margin-left: 0; } } @media (min-width: 992px) { .popup--team-member__image { width: 340px; } } .popup--team-member__image img { -o-object-fit: cover; object-fit: cover; } .popup--team-member__text { flex: 1; } .popup--team-member [data-bio] { font-size: 1rem; font-weight: 400; } .popup--team-member [data-name] { font-weight: 700; } .popup--team-member [data-role] { margin-bottom: 1rem; font-family: var(--brand--secondary-font); font-weight: 300; font-size: 1.1rem; color: #092D45; opacity: 0.7; } .popup--team-member .mfp-close { position: absolute; top: 0; right: 0; font-size: 2rem; } .primary-navigation { color: white; } .primary-navigation > ul { gap: 3rem; height: inherit; } @media (min-width: 1400px) { .primary-navigation > ul { gap: 3.5rem; } } .primary-navigation > ul > li { position: relative; display: inline-flex; } .primary-navigation > ul > li > a { display: inline-flex; align-items: center; gap: 0.5rem; } .primary-navigation > ul > li:hover > a, .primary-navigation > ul > li.current-menu-item a { color: var(--brand--primary-color); } .primary-navigation li:has(.services-menu) > a:after, .primary-navigation li.menu-item-has-children > a:after { content: ''; width: 15px; height: auto; aspect-ratio: 15 / 8; display: block; -webkit-mask-image: url("data:image/svg+xml,%3Csvg data-name='Group 24' xmlns='http://www.w3.org/2000/svg' width='15.02' height='8.09'%3E%3Cpath data-name='Path 20' d='M.17.17a.58.58 0 0 1 .82 0L7.5 6.69 14.03.17a.58.58 0 0 1 .82.82L7.92 7.92a.58.58 0 0 1-.82 0L.17.99a.58.58 0 0 1 0-.82Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg data-name='Group 24' xmlns='http://www.w3.org/2000/svg' width='15.02' height='8.09'%3E%3Cpath data-name='Path 20' d='M.17.17a.58.58 0 0 1 .82 0L7.5 6.69 14.03.17a.58.58 0 0 1 .82.82L7.92 7.92a.58.58 0 0 1-.82 0L.17.99a.58.58 0 0 1 0-.82Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; background-color: white; will-change: transform; transition: transform 250ms ease; } .primary-navigation li:has(.services-menu) button, .primary-navigation li.menu-item-has-children button { display: none; } @media (min-width: 1200px) { .primary-navigation li:has(.services-menu) button, .primary-navigation li.menu-item-has-children button { display: none; } } .primary-navigation li:has(.services-menu):hover > a:after, .primary-navigation li.menu-item-has-children:hover > a:after { background-color: var(--brand--secondary-color); transform: translateY(0.25rem); } .primary-navigation li:has(.services-menu):hover .sub-menu, .primary-navigation li.menu-item-has-children:hover .sub-menu { opacity: 1; pointer-events: initial; z-index: 2; } .primary-navigation li.menu-item-has-children.active .sub-menu { opacity: 1; pointer-events: initial; z-index: 2; } .primary-navigation .sub-menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); opacity: 0; pointer-events: none; transition: opacity 250ms ease; will-change: opacity; background-color: white; box-shadow: 0rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1); list-style: none; margin: 0; padding: 1.5rem; } .primary-navigation .sub-menu > li > a { display: flex; align-items: center; position: relative; color: var(--brand--primary-color); } .primary-navigation .sub-menu > li > a:after { content: ''; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.32' height='11.78'%3E%3Cg data-name='Group 5'%3E%3Cpath data-name='Path 3' d='M0 5.89a.65.65 0 0 1 .65-.65h15.43l-4.11-4.12a.66.66 0 0 1 .92-.93l5.24 5.24a.65.65 0 0 1 0 .92l-5.24 5.24a.66.66 0 1 1-.92-.93l4.11-4.11H.65A.65.65 0 0 1 0 5.89Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.32' height='11.78'%3E%3Cg data-name='Group 5'%3E%3Cpath data-name='Path 3' d='M0 5.89a.65.65 0 0 1 .65-.65h15.43l-4.11-4.12a.66.66 0 0 1 .92-.93l5.24 5.24a.65.65 0 0 1 0 .92l-5.24 5.24a.66.66 0 1 1-.92-.93l4.11-4.11H.65A.65.65 0 0 1 0 5.89Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; background-color: var(--brand--primary-color); width: 19px; height: auto; aspect-ratio: 19 / 11; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: transform 250ms ease; will-change: transform; } .primary-navigation .sub-menu > li > a:hover:after { transform: translateY(-50%) translateX(0.5rem); } .primary-navigation { display: none; font-size: 1rem; text-transform: uppercase; font-weight: 300; } @media (min-width: 992px) { .primary-navigation { display: block; } } .primary-navigation > ul { gap: 3rem; } .primary-navigation > ul > li > a { padding-top: 1.5rem; padding-bottom: 1.5rem; } .primary-navigation > ul > li:hover > a, .primary-navigation > ul > li.current-menu-item a { color: var(--brand--secondary-color); } .primary-navigation li.menu-item-has-children a { display: flex; align-items: center; gap: 0.5rem; } .primary-navigation .sub-menu { list-style: none; display: flex; flex-direction: column; gap: 0.7rem; width: auto; white-space: nowrap; opacity: 1; background-color: white; box-shadow: 0rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1); padding: 1.5rem; color: var(--brand--primary-color); font-weight: 300; text-transform: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); opacity: 0; pointer-events: none; transition: opacity 250ms ease; will-change: opacity; background-color: white; box-shadow: 0rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1); list-style: none; margin: 0; padding: 0.8rem 0.9rem; font-size: 1rem; font-weight: 300; } .primary-navigation .sub-menu > li > a { display: flex; align-items: center; gap: 0.8rem; } .primary-navigation .sub-menu > li > a:after { content: none; } .primary-navigation .sub-menu > li > a img { display: block; width: 98px; aspect-ratio: 98 / 71; height: auto; -o-object-fit: cover; object-fit: cover; max-width: none; } .primary-navigation .sub-menu > li:hover a { color: var(--brand--primary-color); opacity: 0.7; } .project-hero-carousel { background-color: var(--brand--primary-color); width: 100%; height: auto; margin-top: -90px; position: relative; overflow: hidden; color: white; max-height: 950px; height: 480px; } @media (min-width: 768px) { .project-hero-carousel { aspect-ratio: 1920 / 950; min-height: 745px; max-height: 950px; } } @media (min-width: 992px) { .project-hero-carousel { aspect-ratio: 1920 / 950; min-height: 745px; max-height: 950px; } } .project-hero-carousel img { aspect-ratio: 1700 / 950; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 1920px) { .project-hero-carousel img { width: calc( 1464px + (100vw - 1464px) / 2); margin-right: 15px; } } @media (min-width: 1920px) { .project-hero-carousel__images:after { content: ''; display: block; display: none; width: 15px; height: 100%; background-color: var(--brand--primary-color); position: absolute; left: calc( 1464px + (100vw - 1464px) / 2); top: 0; } } .project-hero-carousel .flickity-viewport { width: 100%; height: 100%; position: absolute; } .project-hero-carousel .flickity-prev-next-button { background-color: var(--brand--primary-color); border-radius: 0; width: 75px; height: auto; aspect-ratio: 1; outline: none; box-shadow: none; opacity: 0.5; transition: all 250ms ease; } .project-hero-carousel .flickity-prev-next-button svg * { fill: white; } .project-hero-carousel .flickity-prev-next-button:after { background-color: white; } .project-hero-carousel .flickity-prev-next-button:hover { opacity: 1; } .project-hero-carousel .flickity-prev-next-button:hover svg * { fill: var(--brand--secondary-color); } .project-hero-carousel .flickity-prev-next-button:hover:after { background-color: var(--brand--secondary-color); } .project-hero-carousel .flickity-prev-next-button.previous { position: absolute; top: auto; bottom: 0; left: auto; right: 0; transform: translateX(-100%); } @media (min-width: 1920px) { .project-hero-carousel .flickity-prev-next-button.previous { position: absolute; left: calc( 1464px + (100vw - 1464px) / 2); top: auto; bottom: 0; transform: translateX(-100%); } } .project-hero-carousel .flickity-prev-next-button.previous svg { display: none; } .project-hero-carousel .flickity-prev-next-button.previous:after { content: ''; display: block; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.34' height='28.55'%3E%3Cpath data-name='Path 50' d='M16.11.76a2.6 2.6 0 0 0-3.67 0L.76 12.44a2.6 2.6 0 0 0 0 3.67L12.44 27.8a2.6 2.6 0 1 0 3.67-3.67L9.1 16.87h24.66a2.6 2.6 0 0 0 0-5.2H9.09l7.02-7.24a2.6 2.6 0 0 0 0-3.67Z' fill='%23fff'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.34' height='28.55'%3E%3Cpath data-name='Path 50' d='M16.11.76a2.6 2.6 0 0 0-3.67 0L.76 12.44a2.6 2.6 0 0 0 0 3.67L12.44 27.8a2.6 2.6 0 1 0 3.67-3.67L9.1 16.87h24.66a2.6 2.6 0 0 0 0-5.2H9.09l7.02-7.24a2.6 2.6 0 0 0 0-3.67Z' fill='%23fff'/%3E%3C/svg%3E"); aspect-ratio: 36 / 28; width: 36px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .project-hero-carousel .flickity-prev-next-button.next { position: absolute; top: auto; bottom: 0; left: auto; right: 0; transform: translateX(0); } @media (min-width: 1920px) { .project-hero-carousel .flickity-prev-next-button.next { position: absolute; left: calc( 1464px + (100vw - 1464px) / 2 + 15px); top: auto; bottom: 0; transform: translateX(0); } } .project-hero-carousel .flickity-prev-next-button.next svg { display: none; } .project-hero-carousel .flickity-prev-next-button.next:after { content: ''; display: block; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.34' height='28.55'%3E%3Cpath data-name='Path 50' d='M20.23.76a2.6 2.6 0 0 1 3.67 0l11.68 11.68a2.6 2.6 0 0 1 0 3.67L23.9 27.8a2.6 2.6 0 1 1-3.67-3.67l7.03-7.25H2.6a2.6 2.6 0 0 1 0-5.2h24.66l-7.03-7.24a2.6 2.6 0 0 1 0-3.67Z' fill='%23fff'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.34' height='28.55'%3E%3Cpath data-name='Path 50' d='M20.23.76a2.6 2.6 0 0 1 3.67 0l11.68 11.68a2.6 2.6 0 0 1 0 3.67L23.9 27.8a2.6 2.6 0 1 1-3.67-3.67l7.03-7.25H2.6a2.6 2.6 0 0 1 0-5.2h24.66l-7.03-7.24a2.6 2.6 0 0 1 0-3.67Z' fill='%23fff'/%3E%3C/svg%3E"); aspect-ratio: 36 / 28; width: 36px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .project-image-gallery img { -o-object-fit: cover; object-fit: cover; border-radius: 15px; } .project-image-gallery .upper { aspect-ratio: 1920 / 975; width: 100%; height: auto; max-height: 975px; position: relative; } .project-image-gallery .upper > img { z-index: 9; } .project-image-gallery .upper > img:nth-child(1) { position: absolute; height: 100%; right: 13.5vw; } @media (min-width: 1920px) { .project-image-gallery .upper > img:nth-child(1) { width: 1905px; right: calc( (100vw - 1400px) / 2); } } .project-image-gallery .lower { margin-top: 2rem; aspect-ratio: 1920 / 975; width: 100%; height: auto; max-height: 975px; position: relative; margin-bottom: 4rem; } @media (min-width: 768px) { .project-image-gallery .lower { margin-top: 4rem; aspect-ratio: 1920 / 975; width: 100%; height: auto; max-height: 975px; position: relative; } } @media (min-width: 992px) { .project-image-gallery .lower { margin-top: 5rem; aspect-ratio: 1920 / 975; width: 100%; height: auto; max-height: 975px; position: relative; } } .project-image-gallery .lower > img { z-index: 9; } .project-image-gallery .lower > img:nth-child(1) { width: 42%; height: 115%; position: absolute; left: 35px; } @media (min-width: 768px) { .project-image-gallery .lower > img:nth-child(1) { width: 36.5%; height: 100%; position: absolute; left: 125px; } } @media (min-width: 1920px) { .project-image-gallery .lower > img:nth-child(1) { left: calc( (100vw - 1400px) / 2 - 135px); width: 700px; height: 100%; } } .project-image-gallery .lower > img:nth-child(2) { width: 49%; height: 75%; position: absolute; top: 17.5%; left: 900px; left: calc( 60px + 43%); } @media (min-width: 768px) { .project-image-gallery .lower > img:nth-child(2) { width: 49%; height: 61%; position: absolute; top: 17.5%; left: 900px; left: calc( 120px + 43%); } } @media (min-width: 1920px) { .project-image-gallery .lower > img:nth-child(2) { top: 17.5%; left: calc( (100vw - 1400px) / 2 - 100px + 700px + 80px); width: 950px; height: 600px; } } .project-image-gallery .bg { width: 100%; height: 100%; } .project-image-gallery .bg i:nth-child(1) { aspect-ratio: 1830 / 559; width: 100%; position: absolute; bottom: 60%; right: -120px; } @media (min-width: 768px) { .project-image-gallery .bg i:nth-child(1) { aspect-ratio: 1830 / 559; width: 100%; position: absolute; bottom: 60%; right: -220px; } } @media (min-width: 992px) { .project-image-gallery .bg i:nth-child(1) { aspect-ratio: 1830 / 559; width: 100%; position: absolute; bottom: 60%; right: -400px; } } .project-image-gallery .bg i:nth-child(1) img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .project-stats { background-color: #EEF2F5; font-size: 1.4rem; } .project-stats__items { flex-direction: column; align-items: flex-start; } @media (min-width: 992px) { .project-stats__items { flex-direction: row; } } .project-text-image { position: relative; } .project-text-image .wrapper { position: static; } @media (min-width: 1200px) { .project-text-image__text { width: calc( 50% - 1rem * 0.5); margin-left: auto; } } .project-text-image__image { aspect-ratio: 695 / 575; width: 696px; height: auto; position: absolute; left: -15px; width: 41vw; display: none; } @media (min-width: 1200px) { .project-text-image__image { display: block; } } @media (min-width: 1700px) { .project-text-image__image { width: 696px; } } @media (min-width: 1920px) { .project-text-image__image { width: 696px; left: calc( ( 100vw - 1400px ) / 2 - 260px - 15px); } } .project-text-image__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border: 15px solid var(--brand--secondary-color); } .project-text-image__image:before { content: ''; display: block; width: 156%; height: auto; aspect-ratio: 1090 / 820; background-color: var(--brand--primary-color); position: absolute; z-index: -1; right: -10%; bottom: 14%; } .projects-grid { background-color: #EEF2F5; position: relative; } .projects-grid__heading { max-width: 700px; margin-bottom: 2rem; } .projects-grid__heading a { margin-top: 2rem; } @media (min-width: 992px) { .projects-grid__heading a { position: absolute; right: 0; margin-top: -1.5rem; row-gap: 0.7rem; } } .projects-grid__heading a:hover { color: var(--brand--primary-color); } .projects-grid__heading a:hover i { background-color: var(--brand--primary-color); transform: translateX(0.5rem); } .projects-grid__items:not(.flickity-enabled) { gap: 1.5rem; display: flex; flex-wrap: wrap; } @media (min-width: 992px) { .projects-grid__items:not(.flickity-enabled) { flex-wrap: wrap; } } .projects-grid__items:not(.flickity-enabled) .projects-grid__item { width: 100%; margin: 0; } @media (min-width: 768px) { .projects-grid__items:not(.flickity-enabled) .projects-grid__item { width: calc( 50% - 1.5rem * 0.5); } } @media (min-width: 992px) { .projects-grid__items:not(.flickity-enabled) .projects-grid__item { width: calc( 33.333% - 1.5rem * 0.667); } } .projects-grid__item { display: block; cursor: pointer; width: 310px; flex: none; margin-right: 1.5rem; } @media (min-width: 992px) { .projects-grid__item { position: relative; width: calc( 100% / 3 - 1.5rem * 2 / 3); flex: none; margin-right: 0; } } .projects-grid__item:hover { opacity: 0.8; } .projects-grid__item:hover i.icon--right-arrow { transform: translateX(0.5rem); } .projects-grid__item-heading { position: absolute; top: 0; left: 0; z-index: 1; padding: 1.5rem 1.5rem; color: white; } .projects-grid__item-image { aspect-ratio: 460 / 560; width: 100%; border-radius: 15px; overflow: hidden; } .projects-grid__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .projects-grid__item-text { margin-top: 1.5rem; margin-bottom: 1.5rem; min-height: 3rem; } .projects-grid__item-cta { border-top: 2px solid var(--brand--primary-color); padding-top: 1rem; } .projects-grid__item-cta .icon--right-arrow { background-color: var(--brand--primary-color); } .projects-grid .bg i:nth-child(1) { position: absolute; height: auto; pointer-events: none; aspect-ratio: 920 / 665; opacity: 0.8; width: 920px; bottom: -90px; left: auto; display: none; } @media (min-width: 992px) { .projects-grid .bg i:nth-child(1) { display: block; right: calc(1032px + ((100vw - 992px) / 2)); } } @media (min-width: 1200px) { .projects-grid .bg i:nth-child(1) { right: calc(1032px + ((100vw - 992px) / 2)); } } @media (min-width: 1264px) { .projects-grid .bg i:nth-child(1) { right: calc(1232px + ((100vw - 1200px) / 2)); } } @media (min-width: 1400px) { .projects-grid .bg i:nth-child(1) { right: calc(1232px + ((100vw - 1200px) / 2)); } } @media (min-width: 1464px) { .projects-grid .bg i:nth-child(1) { right: calc(1464px + ((100vw - 1400px) / 2)); } } @media (min-width: 1920px) { .projects-grid .bg i:nth-child(1) { left: -740px; right: auto; } } .projects-grid .bg i:nth-child(1) img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .projects-grid-filter { background-color: #EEF2F5; font-size: 1.3rem; padding-top: 3rem; padding-bottom: 3rem; } .projects-grid-filter__items { justify-content: flex-start; gap: 2rem; flex-direction: column; } @media (min-width: 768px) { .projects-grid-filter__items { flex-direction: row; } } .projects-grid-filter__items a { opacity: 0.5; text-underline-offset: 12px; display: none; } @media (min-width: 768px) { .projects-grid-filter__items a { display: block; } } .projects-grid-filter__items a.is-active { opacity: 1; text-decoration: underline; } .projects-grid-filter__items a:hover { opacity: 1; } .projects-grid-filter + .projects-grid { padding-top: 5px; } .projects-grid-filter select { display: block; } @media (min-width: 768px) { .projects-grid-filter select { display: none; } } .services-grid { background-color: #EEF2F5; color: var(--brand--primary-color); position: relative; } .services-grid__heading { max-width: 700px; margin-bottom: 2rem; } .services-grid__heading a { color: var(--brand--primary-color); margin-top: 2rem; } @media (min-width: 992px) { .services-grid__heading a { position: absolute; right: 0; margin-top: -1.5rem; row-gap: 0.7rem; } } .services-grid__heading a:after { border-bottom: 1px solid var(--brand--primary-color); } .services-grid__heading a i { background-color: var(--brand--primary-color); } .services-grid__heading a:hover { color: var(--brand--primary-color); } .services-grid__heading a:hover i { background-color: var(--brand--primary-color); } .services-grid__items:not(.flickity-enabled) { gap: 1.5rem; display: flex; } @media (min-width: 992px) { .services-grid__items:not(.flickity-enabled) { flex-wrap: wrap; } } .services-grid__item { display: block; cursor: pointer; width: 310px; flex: none; margin-right: 1.5rem; } @media (min-width: 992px) { .services-grid__item { position: relative; width: calc( 100% / 3 - 1.5rem * 2 / 3); flex: none; margin-right: 0; } } .services-grid__item:hover { opacity: 0.8; } .services-grid__item:hover i.icon--right-arrow { transform: translateX(0.5rem); } .services-grid__item-heading { position: absolute; top: 0; left: 0; z-index: 1; padding: 1.5rem 1.5rem; color: white; } .services-grid__item-image { aspect-ratio: 460 / 560; width: 100%; border-radius: 15px; overflow: hidden; } .services-grid__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .services-grid__item-cta { position: absolute; bottom: 0; left: 0; z-index: 1; padding: 1.5rem 1.5rem; } .services-grid .bg i:nth-child(1) { position: absolute; top: -1%; left: 50%; transform: translateX(-50%); width: 2560px; opacity: 0.6; pointer-events: none; } .services-grid .bg i:nth-child(2) { position: absolute; bottom: -1%; left: 50%; transform: translateX(-50%); width: 2560px; opacity: 0.6; pointer-events: none; } .services-grid > i { position: absolute; top: -50px; left: 0; width: 5px; height: 340px; background-color: var(--brand--secondary-color); z-index: 1; } @media (min-width: 768px) { .services-grid > i { width: 10px; } } @media (min-width: 1200px) { .services-grid > i { width: 15px; } } .services-grid.section--inner:last-child { padding-bottom: 0; } .site-footer { background-color: var(--brand--primary-color); font-weight: 300; font-size: 1.1rem; color: white; } .site-footer:before { content: ''; position: relative; display: block; width: 100vw; height: 50px; left: 50%; top: 0; transform: translateX(-50%); background-image: repeating-linear-gradient(to right, #000E17 0, #000E17 4px, transparent 4px, transparent 8px); margin-bottom: 3.5rem; } @media (min-width: 576px) { .site-footer:before { margin-bottom: 4rem; } } .site-footer .upper { width: 100%; } @media (max-width: 991px) { .site-footer .upper { flex-direction: column; } } .site-footer .upper .logo { width: 166px; height: auto; aspect-ratio: 166 / 35; } @media (min-width: 768px) { .site-footer .upper .logo { width: 166px; } } .site-footer .upper .logo img { width: 100%; height: auto; } .site-footer .upper .tagline { margin-top: 1.5rem; font-size: 1.3rem; } .site-footer .upper .tagline span { display: block; } .site-footer .upper .tagline span:nth-child(1) { font-weight: 500; } .site-footer .upper .tagline span:nth-child(2) { font-weight: 100; line-height: 1.1; } .site-footer .upper .nav-menu { gap: 0; } .site-footer .upper .logo-tagline { margin-right: auto; margin-top: -1rem; } @media (min-width: 992px) { .site-footer .upper .address-links, .site-footer .upper .nav { width: 24%; } } @media (max-width: 991px) { .site-footer .upper .nav { flex-direction: column; margin-top: 1.5rem; } } .site-footer .upper .nav h3 { margin-bottom: 0.5rem; line-height: 1.7; } .site-footer .upper .nav .current-menu-item a { opacity: 0.5; } .site-footer .upper .links { margin-top: 2rem; display: flex; gap: 1.5rem; flex-direction: column; } .site-footer .upper a:hover { opacity: 0.5; } .site-footer .lower { margin-top: 3rem; display: flex; width: 100%; flex-wrap: wrap; gap: 0.2rem 1rem; border-top: 1px solid #ffffff44; font-size: 1rem; justify-content: center; padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 768px) { .site-footer .lower { gap: 0 1rem; justify-content: flex-start; } } @media (min-width: 800px) { .site-footer .lower { padding-top: 0; padding-bottom: 0; height: 70px; } } .site-footer .lower span, .site-footer .lower a { opacity: 0.5; } .site-footer .lower a:hover { opacity: 1; } .site-footer .lower .credit { width: 100%; justify-content: center; margin-top: 1.5rem; } @media (min-width: 768px) { .site-footer .lower .credit { justify-content: flex-start; } } @media (min-width: 800px) { .site-footer .lower .credit { margin-top: 0; width: 130px; margin-left: auto; } } .site-footer .lower .credit img { max-width: 130px; } .site-footer .lower .legal .current-menu-item a { opacity: 1; } .site-header { z-index: 999; height: 75px; } @media (min-width: 768px) { .site-header { height: 90px; } } .site-header .logo { width: 100px; height: auto; aspect-ratio: 166 / 35; } @media (min-width: 768px) { .site-header .logo { width: 166px; } } .site-header .logo img, .site-header .logo svg { width: 100%; height: auto; } .site-header .logo:hover svg * { fill: var(--brand--secondary-color); } .site-header .wrapper { flex-wrap: wrap; height: inherit; } @media (min-width: 768px) { .site-header .wrapper { padding-top: 1rem; } } .site-header .wrapper:before { content: ''; display: block; background-image: linear-gradient(to left, #E9FD66 0, #E9FD66 200px, #092D45 175px); height: 8px; position: absolute; top: 0; left: -1.25rem; width: 100vw; } @media (min-width: 768px) { .site-header .wrapper:before { left: 0; width: 100%; } } @media (min-width: 768px) { .site-header .wrapper:after { content: ''; display: block; height: 1px; background-color: white; opacity: 0.5; position: absolute; bottom: 0; left: -1.5rem; width: 100vw; left: 0; width: 100%; } } .team-grid { background-color: #EEF2F5; color: var(--brand--primary-color); position: relative; } .team-grid__header { margin-bottom: 2rem; gap: 2rem; flex-direction: column; } @media (min-width: 992px) { .team-grid__header { flex-direction: row; } } @media (min-width: 992px) { .team-grid__heading, .team-grid__content { width: calc( 50% - 2rem / 2); flex: none; } } .team-grid__items:not(.flickity-enabled) { gap: 1.5rem; display: flex; flex-wrap: wrap; } @media (min-width: 992px) { .team-grid__items:not(.flickity-enabled) { flex-wrap: wrap; } } .team-grid__items:not(.flickity-enabled) .team-grid__item { width: 100%; margin: 0; } @media (min-width: 768px) { .team-grid__items:not(.flickity-enabled) .team-grid__item { width: calc( 50% - 1.5rem * 0.5); } } @media (min-width: 992px) { .team-grid__items:not(.flickity-enabled) .team-grid__item { width: calc( 25% - 1.5rem * 0.75); } } .team-grid__item { display: block; cursor: pointer; width: 310px; flex: none; margin-right: 1.5rem; } @media (min-width: 992px) { .team-grid__item { position: relative; width: calc( 100% / 4 - 1.5rem * 3 / 4); flex: none; margin-right: 0; } } .team-grid__item[data-bio=""] { pointer-events: none; } .team-grid__item:hover { opacity: 0.8; } .team-grid__item:hover i.icon--right-arrow { transform: translateX(0.5rem); } .team-grid__item-heading { position: absolute; top: 0; left: 0; z-index: 1; padding: 1.5rem 1.5rem; } .team-grid__item-image { aspect-ratio: 345 / 415; width: 100%; border-radius: 15px; overflow: hidden; background-color: var(--brand--primary-color); background-color: white; } .team-grid__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .team-grid__item-text { margin-top: 1.5rem; margin-bottom: 1.5rem; min-height: 3rem; } .team-grid__item-cta { border-top: 2px solid var(--brand--secondary-color); padding-top: 1rem; } .team-grid__item-name { font-weight: 600; font-size: 1.3rem; } .team-grid__item-role { font-family: var(--brand--secondary-font); font-weight: 300; font-size: 1.3rem; line-height: 1.2; } .team-grid__item--ad { width: 100%; flex: none; order: 8; margin-bottom: 3rem; } .team-grid__item--puffin { order: 999; width: 100%; } @media (min-width: 768px) { .team-grid__item--puffin { width: calc( 50% - 1.5rem * 2 / 3); } } @media (min-width: 992px) { .team-grid__item--puffin { width: calc( 50% - 1.5rem * 2 / 3); } } .team-grid__cta { margin-top: 3rem; } .team-grid__ad { min-height: 470px; background-color: var(--brand--primary-color); border-radius: 15px; color: white; overflow: hidden; } .team-grid__ad-text { padding: 2rem; } .team-grid__ad-image { width: 50%; flex: none; align-self: stretch; } .team-grid__ad-heading { color: var(--brand--secondary-color); margin-bottom: 1rem; } .team-grid__ad-cta { margin-top: 2rem; } .team-grid__ad img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .team-grid__puffin { background-color: var(--brand--primary-color); border-radius: 15px; color: white; aspect-ratio: 711 / 416; } .team-grid__puffin-image { width: 50%; flex: none; align-self: stretch; } .team-grid__puffin-text { padding: 2rem; } .team-grid__puffin-image { width: 50%; flex: none; align-self: stretch; } .team-grid__puffin-heading { color: var(--brand--secondary-color); } .team-grid__puffin img { width: 75%; height: auto; aspect-ratio: 257 / 512; margin-top: -2.5rem; } .team-grid ._flickity-prev-next-button.previous, .team-grid ._flickity-prev-next-button.next { border: 1px solid var(--brand--secondary-color); background-color: var(--brand--secondary-color); width: 2rem; height: 3rem; border-radius: 1px; box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.1); left: 0; } .team-grid ._flickity-prev-next-button.previous:disabled, .team-grid ._flickity-prev-next-button.next:disabled { opacity: 0; } .team-grid ._flickity-prev-next-button.previous:hover, .team-grid ._flickity-prev-next-button.next:hover { opacity: 0.8; } .team-grid ._flickity-prev-next-button.previous { left: 0; } .team-grid ._flickity-prev-next-button.next { left: auto; right: 0; } .team-grid .bg i:nth-child(1) { position: absolute; bottom: -1%; left: 50%; transform: translateX(-50%); width: 2560px; opacity: 0.6; pointer-events: none; } .team-grid > i { position: absolute; top: -50px; right: 0; width: 5px; height: 340px; background-color: var(--brand--primary-color); z-index: 1; } @media (min-width: 768px) { .team-grid > i { width: 10px; } } @media (min-width: 1200px) { .team-grid > i { width: 15px; } } .team-grid--style-dark { background-color: var(--brand--primary-color); color: white; } .team-grid--style-dark .team-grid__heading h2 { color: var(--brand--secondary-color); } .text-image { position: relative; } .text-image .wrapper { flex-direction: column; gap: 3rem; } @media (min-width: 992px) { .text-image .wrapper { flex-direction: row; } } @media (min-width: 992px) { .text-image__text { width: calc( 50% - 3rem * 1/2); } } .text-image__image { width: 100%; max-width: 605px; } @media (min-width: 992px) { .text-image__image { width: calc( 50% - 3rem * 1/2); } } @media (min-width: 1264px) { .text-image__image { width: 605px; flex: none; } } .text-image__heading { margin-bottom: 2rem; } .text-image .image-mosaic { aspect-ratio: 1.2; position: relative; } .text-image .image-mosaic img { -o-object-fit: cover; object-fit: cover; border-radius: 10px; overflow: hidden; position: absolute; } .text-image .image-mosaic img:nth-child(1) { aspect-ratio: 1; width: 25%; height: auto; top: 2%; right: 58%; } .text-image .image-mosaic img:nth-child(2) { aspect-ratio: 260 / 195; width: 42%; height: auto; left: 0; top: 37%; } .text-image .image-mosaic img:nth-child(3) { aspect-ratio: 355 / 220; width: 54%; height: auto; right: 0; top: 12%; } .text-image .image-mosaic img:nth-child(4) { aspect-ratio: 305 / 260; width: 42%; height: auto; bottom: 0%; left: 46%; } .text-image .image-single { aspect-ratio: 1.2; position: relative; } .text-image .image-single img { -o-object-fit: cover; object-fit: cover; border-radius: 10px; overflow: hidden; position: absolute; } .text-image .image-single img:nth-child(1) { aspect-ratio: 1; width: 90%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (min-width: 992px) { .text-image .image-single img:nth-child(1) { left: auto; right: 0; transform: translateY(-50%); } } @media (min-width: 992px) { .text-image--layout-reverse .wrapper { flex-direction: row-reverse; } } .text-image--layout-reverse > i.bar { position: absolute; bottom: -300px; left: 0; width: 5px; height: 450px; background-color: var(--brand--secondary-color); z-index: 1; } @media (min-width: 768px) { .text-image--layout-reverse > i.bar { width: 10px; } } @media (min-width: 1200px) { .text-image--layout-reverse > i.bar { width: 15px; } } .text-image--layout-reverse > i.lines { position: absolute; bottom: 0; right: 0; transform: translate(70%, 125%); z-index: 1; } @media (min-width: 992px) { .text-image--layout-reverse > i.lines { transform: translate(70%, 115%); } } .site-header a, .site-footer a, .contact__text a { transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1); } .link--arrow, .link--arrow i, .link-arrow, .link-arrow i, .btn i, .link-arrow:after, .btn:after, .featured-projects__item i, .projects-grid__item-cta i, .latest-news__item i, .news-grid__item i, .footer-cta a span, .logo a svg * { transition-property: opacity, color, background-color, transform, background-image, fill; transition-duration: 350ms; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); will-change: opacity, color, background-color, transform, background-image, fill; } .stagger .stagger--in { opacity: 0; transition: opacity 1.5s ease; } .stagger .stagger--in.animate-in { opacity: 1; transition-delay: 150ms; } .two-column-content { background-color: var(--brand--primary-color); color: white; } .two-column-content__header { max-width: 700px; } .two-column-content__items { gap: 3rem; margin-top: 3rem; flex-wrap: wrap; } .two-column-content__item { width: 100%; border-top: 1px solid #ffffff44; padding-top: 2rem; } @media (min-width: 768px) { .two-column-content__item { width: calc( 50% - 3rem * 1/2); } } .two-column-content__item-heading { margin-bottom: 1rem; } .heading--page-header { font-family: var(--brand--secondary-font); font-weight: 300; font-size: 4rem; } .heading--home-hero { font-size: 1.9rem; } @media (min-width: 768px) { .heading--home-hero { font-size: 1.9rem; } } .heading--home-hero-subheading { font-size: 1.9rem; line-height: 1.1; font-weight: 100; } @media (min-width: 768px) { .heading--home-hero-subheading { font-size: 1.9rem; } } .heading--footer { color: var(--brand--secondary-color); text-transform: uppercase; font-weight: 300; font-size: 1rem; } .heading--page-intro { font-size: 2.8rem; font-weight: 400; } .heading--service-item { font-size: 1.8rem; font-weight: 500; } .heading--news-item { font-size: 1.5rem; font-weight: 500; } @media (min-width: 1400px) { .heading--news-item { font-size: 1.7rem; } } .heading--section { font-size: 2.4rem; } .heading--key-points { font-size: 2.4rem; } .heading--section-small { font-size: 1.7rem; } .heading--light { color: var(--brand--secondary-color); } .heading--white { color: white; } .heading--tag { font-family: 'Quarto', serif; font-family: var(--brand--secondary-font); font-weight: 300; font-size: 1.7rem; margin-bottom: 1rem; display: block; } .entry-content blockquote { position: relative; background-color: #EEF2F5; padding: 2rem; background-image: linear-gradient(to bottom, var(--brand--primary-color), var(--brand--primary-color) 66.666%, var(--brand--secondary-color) 66.666%, var(--brand--secondary-color)); background-size: 10px 100%; background-repeat: no-repeat; border-top-right-radius: 15px; border-bottom-right-radius: 15px; margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 768px) { .entry-content blockquote { padding: 3rem; margin-top: 3rem; margin-bottom: 3rem; } } .entry-content blockquote:before { content: ''; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.15' height='21.49'%3E%3Cpath data-name='Path 4' d='M9.05 11.31H2.39a10.18 10.18 0 0 0 4.4 6.95L8.8 19.6 7.57 21.5l-2.03-1.36A12.44 12.44 0 0 1 0 9.78V2.26A2.26 2.26 0 0 1 2.26 0h6.79a2.26 2.26 0 0 1 2.26 2.26v6.79a2.26 2.26 0 0 1-2.26 2.26Z' fill='%23092d45'/%3E%3Cpath data-name='Path 5' d='M24.89 11.31h-6.67a10.18 10.18 0 0 0 4.4 6.95l2.03 1.35-1.23 1.88-2.04-1.36a12.44 12.44 0 0 1-5.54-10.35V2.26A2.26 2.26 0 0 1 18.1 0h6.78a2.26 2.26 0 0 1 2.27 2.26v6.79a2.26 2.26 0 0 1-2.26 2.26Z' fill='%23092d45'/%3E%3C/svg%3E"); aspect-ratio: 27 / 21; width: 27px; height: auto; margin-bottom: 2rem; } .entry-content blockquote:after { content: ''; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.15' height='21.49'%3E%3Cpath data-name='Path 4' d='M18.1 11.31h6.66a10.18 10.18 0 0 1-4.4 6.95l-2.02 1.35 1.24 1.88 2.02-1.36a12.44 12.44 0 0 0 5.55-10.35V2.26A2.26 2.26 0 0 0 24.88 0H18.1a2.26 2.26 0 0 0-2.26 2.26v6.79a2.26 2.26 0 0 0 2.26 2.26Z' fill='%23092d45'/%3E%3Cpath data-name='Path 5' d='M2.26 11.31h6.66a10.18 10.18 0 0 1-4.4 6.95L2.5 19.6l1.23 1.88 2.04-1.36A12.44 12.44 0 0 0 11.3 9.78V2.26A2.26 2.26 0 0 0 9.05 0H2.26A2.26 2.26 0 0 0 0 2.26v6.79a2.26 2.26 0 0 0 2.26 2.26Z' fill='%23092d45'/%3E%3C/svg%3E"); aspect-ratio: 27 / 21; width: 27px; height: auto; position: absolute; bottom: 0; right: 0; margin: 2rem; } @media (min-width: 768px) { .entry-content blockquote:after { margin: 3rem; } } :root { --brand--light-grey-cyan: #758885; --brand--blue: #004b88; --brand--orange: #FCBB69; --brand--light-blue: #D4EEFF; --brand--green: #30C541; --brand--teal: #006278; --brand--peach: #FCCEBA; --brand--primary-color: #092D45; --brand--secondary-color: #E9FD66; --brand--tertiary-color: #006278; --brand--body-bg-color: #092D45; --brand--body-bg-color: #ffffff; --brand--body-text-color: #ffffff; --brand--body-text-color: var(--brand--primary-color); --brand--heading-font: "Outfit", sans-serif; --brand--body-font: "Outfit", sans-serif; --brand--body-line-height: 1.7; --brand--secondary-font: "Quarto A", "Quarto B", serif; } /* Fonts */ .bw { top: auto !important; bottom: 1rem; color: white; }